testsuite: Remove serialize-deserialize test
authorBenjamin Otte <otte@redhat.com>
Mon, 20 May 2019 01:38:45 +0000 (03:38 +0200)
committerBenjamin Otte <otte@redhat.com>
Tue, 21 May 2019 04:43:59 +0000 (06:43 +0200)
The serialize-deserialize test is completely handled via the new
nodeparser tests.

So move those tests over and delete the old test binary.

23 files changed:
testsuite/gsk/meson.build
testsuite/gsk/nodeparser/blend.node [new file with mode: 0644]
testsuite/gsk/nodeparser/blend.ref.node [new file with mode: 0644]
testsuite/gsk/nodeparser/border.node [new file with mode: 0644]
testsuite/gsk/nodeparser/border.ref.node [new file with mode: 0644]
testsuite/gsk/nodeparser/color.node [new file with mode: 0644]
testsuite/gsk/nodeparser/color.ref.node [new file with mode: 0644]
testsuite/gsk/nodeparser/debug.node [new file with mode: 0644]
testsuite/gsk/nodeparser/rounded-rect.node [new file with mode: 0644]
testsuite/gsk/nodeparser/rounded-rect.ref.node [new file with mode: 0644]
testsuite/gsk/nodeparser/shadow.node [new file with mode: 0644]
testsuite/gsk/nodeparser/shadow.ref.node [new file with mode: 0644]
testsuite/gsk/nodeparser/testswitch.node [new file with mode: 0644]
testsuite/gsk/nodeparser/widgetfactory.node [new file with mode: 0644]
testsuite/gsk/serialize-deserialize.c [deleted file]
testsuite/gsk/serializedeserialize/blend.node [deleted file]
testsuite/gsk/serializedeserialize/border.node [deleted file]
testsuite/gsk/serializedeserialize/color.node [deleted file]
testsuite/gsk/serializedeserialize/debug.node [deleted file]
testsuite/gsk/serializedeserialize/rounded-rect.node [deleted file]
testsuite/gsk/serializedeserialize/shadow.node [deleted file]
testsuite/gsk/serializedeserialize/testswitch.node [deleted file]
testsuite/gsk/serializedeserialize/widgetfactory.node [deleted file]

index cecc0ebed041b13d7f62f88f0ec48d7dff4d02e7..4751dfd53775148eab7c0f8d8db0ab561926569b 100644 (file)
@@ -17,14 +17,6 @@ node_parser = executable(
   install_dir: testexecdir
 )
 
-serialize_deserialize = executable(
-  'serialize-deserialize',
-  ['serialize-deserialize.c'],
-  dependencies: libgtk_dep,
-  install: get_option('install-tests'),
-  install_dir: testexecdir,
-)
-
 compare_render_tests = [
   'blend-normal',
   'blend-difference',
@@ -88,6 +80,9 @@ foreach renderer : renderers
 endforeach
 
 node_parser_tests = [
+  'blend.node',
+  'border.node',
+  'color.node',
   'crash1.errors',
   'crash1.node',
   'crash1.ref.node',
@@ -99,6 +94,7 @@ node_parser_tests = [
   'crash4.errors',
   'crash4.node',
   'crash4.ref.node',
+  'debug.node',
   'empty-blend.node',
   'empty-blend.ref.node',
   'empty-blur.node',
@@ -137,6 +133,10 @@ node_parser_tests = [
   'empty-texture.ref.node',
   'empty-transform.node',
   'empty-transform.ref.node',
+  'rounded-rect.node',
+  'shadow.node',
+  'testswitch.node',
+  'widgetfactory.node',
 ]
 
 foreach test : node_parser_tests
@@ -155,28 +155,3 @@ foreach test : node_parser_tests
          suite: 'gsk')
   endif
 endforeach
-
-serialize_deserialize_tests = [
-  'blend',
-  'border',
-  'color',
-  'debug',
-  'rounded-rect',
-  'shadow',
-  'testswitch',
-  'widgetfactory',
-]
-
-foreach test : serialize_deserialize_tests
-  test('serialize-deserialize ' + test, serialize_deserialize,
-       args: [join_paths(meson.current_source_dir(), 'serializedeserialize', test + '.node')],
-       env: [ 'GIO_USE_VOLUME_MONITOR=unix',
-              'GSETTINGS_BACKEND=memory',
-              'GTK_CSD=1',
-              'G_ENABLE_DIAGNOSTIC=0',
-              'G_TEST_SRCDIR=@0@'.format(meson.current_source_dir()),
-              'G_TEST_BUILDDIR=@0@'.format(meson.current_build_dir()),
-              'GSK_RENDERER=opengl'
-            ],
-       suite: 'gsk')
-endforeach
diff --git a/testsuite/gsk/nodeparser/blend.node b/testsuite/gsk/nodeparser/blend.node
new file mode 100644 (file)
index 0000000..0b228ad
--- /dev/null
@@ -0,0 +1,16 @@
+blend {
+  bottom: container { }
+  top: container { }
+}
+
+blend {
+  top: container { }
+  mode: color-dodge;
+  bottom: container { }
+}
+
+blend {
+  top: color { }
+  bottom: color { }
+  mode: difference;
+}
diff --git a/testsuite/gsk/nodeparser/blend.ref.node b/testsuite/gsk/nodeparser/blend.ref.node
new file mode 100644 (file)
index 0000000..49dd83f
--- /dev/null
@@ -0,0 +1,24 @@
+blend {
+  bottom: container {
+  }
+  top: container {
+  }
+}
+blend {
+  bottom: container {
+  }
+  mode: color-dodge;
+  top: container {
+  }
+}
+blend {
+  bottom: color {
+    bounds: 0 0 50 50;
+    color: rgb(255,0,204);
+  }
+  mode: difference;
+  top: color {
+    bounds: 0 0 50 50;
+    color: rgb(255,0,204);
+  }
+}
diff --git a/testsuite/gsk/nodeparser/border.node b/testsuite/gsk/nodeparser/border.node
new file mode 100644 (file)
index 0000000..89b4903
--- /dev/null
@@ -0,0 +1,5 @@
+border {
+  outline: -1 -1 50 26 / 13;
+  widths: 1 1 1 1;
+  colors: rgba(213, 208, 204, 1) rgba(213, 208, 204, 1) rgba(213, 208, 204, 1) rgba(213, 208, 204, 1);
+}
diff --git a/testsuite/gsk/nodeparser/border.ref.node b/testsuite/gsk/nodeparser/border.ref.node
new file mode 100644 (file)
index 0000000..4a67ccd
--- /dev/null
@@ -0,0 +1,4 @@
+border {
+  colors: rgb(213,208,204);
+  outline: -1 -1 50 26 / 13;
+}
diff --git a/testsuite/gsk/nodeparser/color.node b/testsuite/gsk/nodeparser/color.node
new file mode 100644 (file)
index 0000000..acbc792
--- /dev/null
@@ -0,0 +1,4 @@
+color {
+  bounds: 100 100 200 300;
+  color: red;
+}
diff --git a/testsuite/gsk/nodeparser/color.ref.node b/testsuite/gsk/nodeparser/color.ref.node
new file mode 100644 (file)
index 0000000..bf5ba10
--- /dev/null
@@ -0,0 +1,4 @@
+color {
+  bounds: 100 100 200 300;
+  color: rgb(255,0,0);
+}
diff --git a/testsuite/gsk/nodeparser/debug.node b/testsuite/gsk/nodeparser/debug.node
new file mode 100644 (file)
index 0000000..cd68def
--- /dev/null
@@ -0,0 +1,5 @@
+debug {
+  child: container {
+  }
+  message: "I'm a debug node.";
+}
diff --git a/testsuite/gsk/nodeparser/rounded-rect.node b/testsuite/gsk/nodeparser/rounded-rect.node
new file mode 100644 (file)
index 0000000..5aeeb0b
--- /dev/null
@@ -0,0 +1,83 @@
+border {
+  outline: 0 0 100 100;
+}
+
+border {
+  outline: 0 0 100 100 / 100;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 100;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 100 0;
+}
+
+border {
+  outline: 0 0 100 100 / 100 / 50;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 / 50;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 100 / 50;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50;
+}
+
+border {
+  outline: 0 0 100 100 / 100 / 50 0;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 / 50 0;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 100 / 50 0;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0;
+}
+
+border {
+  outline: 0 0 100 100 / 100 / 50 0 50 0;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 / 50 0 50 0;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 100 / 50 0 50 0;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50 0;
+}
+
+border {
+  outline: 0 0 100 100 / 100 / 50 0 50;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 / 50 0 50;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 100 / 50 0 50;
+}
+
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50;
+}
diff --git a/testsuite/gsk/nodeparser/rounded-rect.ref.node b/testsuite/gsk/nodeparser/rounded-rect.ref.node
new file mode 100644 (file)
index 0000000..16c12d0
--- /dev/null
@@ -0,0 +1,63 @@
+border {
+  outline: 0 0 100 100;
+}
+border {
+  outline: 0 0 100 100 / 50;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0;
+}
+border {
+  outline: 0 0 100 100 / 50;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 50 50 50;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 50 50 50;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 50 50 50;
+}
+border {
+  outline: 0 0 100 100 / 50 50 50 50 / 25 0 25 0;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50 0;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50 0;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50 0;
+}
+border {
+  outline: 0 0 100 100 / 50 50 50 50 / 25 0 25 0;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50 0;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50 0;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50 0;
+}
+border {
+  outline: 0 0 100 100 / 50 50 50 50 / 25 0 25 0;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50 0;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50 0;
+}
+border {
+  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50 0;
+}
diff --git a/testsuite/gsk/nodeparser/shadow.node b/testsuite/gsk/nodeparser/shadow.node
new file mode 100644 (file)
index 0000000..a957ce7
--- /dev/null
@@ -0,0 +1,7 @@
+shadow {
+  child: color {
+    bounds: 100 100 100 100;
+    color: green;
+  }
+  shadows: red 10 10 4, blue -10 -10 8;
+}
diff --git a/testsuite/gsk/nodeparser/shadow.ref.node b/testsuite/gsk/nodeparser/shadow.ref.node
new file mode 100644 (file)
index 0000000..bf4c27b
--- /dev/null
@@ -0,0 +1,7 @@
+shadow {
+  child: color {
+    bounds: 100 100 100 100;
+    color: rgb(0,128,0);
+  }
+  shadows: rgb(255,0,0) 10 10 4, rgb(0,0,255) -10 -10 8;
+}
diff --git a/testsuite/gsk/nodeparser/testswitch.node b/testsuite/gsk/nodeparser/testswitch.node
new file mode 100644 (file)
index 0000000..89d884b
--- /dev/null
@@ -0,0 +1,341 @@
+transform {
+  child: container {
+    color {
+      bounds: 0 0 404 204;
+      color: rgb(246,245,244);
+    }
+    container {
+      container {
+        transform {
+          child: container {
+            rounded-clip {
+              child: color {
+                bounds: -1 -1 50 26;
+                color: rgb(225,222,219);
+              }
+              clip: -1 -1 50 26 / 13;
+            }
+            border {
+              colors: rgb(205,199,194);
+              outline: -1 -1 50 26 / 13;
+            }
+            container {
+              container {
+                outset-shadow {
+                  color: rgba(0,0,0,0.1);
+                  dx: 0;
+                  outline: -1 -1 26 26 / 13;
+                }
+                outset-shadow {
+                  blur: 2;
+                  color: rgba(0,0,0,0.07);
+                  dx: 0;
+                  outline: -1 -1 26 26 / 13;
+                }
+                rounded-clip {
+                  child: linear-gradient {
+                    bounds: 0 0 24 24;
+                    end: 12 24;
+                    start: 12 0;
+                    stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244);
+                  }
+                  clip: -1 -1 26 26 / 13;
+                }
+                inset-shadow {
+                  color: rgb(255,255,255);
+                  dx: 0;
+                  outline: 0 0 24 24 / 12;
+                }
+              }
+              border {
+                colors: rgb(191,184,177);
+                outline: -1 -1 26 26 / 13;
+              }
+            }
+          }
+          transform: translate(1, 1);
+        }
+        transform {
+          child: text {
+            color: rgb(46,52,54);
+            font: "Cantarell 11";
+            glyphs: "Disabled";
+            offset: 145 18;
+          }
+          transform: translate(56, 0);
+        }
+      }
+      transform {
+        child: container {
+          transform {
+            child: container {
+              rounded-clip {
+                child: color {
+                  bounds: -1 -1 50 26;
+                  color: rgb(53,132,228);
+                }
+                clip: -1 -1 50 26 / 13;
+              }
+              border {
+                colors: rgb(24,95,180);
+                outline: -1 -1 50 26 / 13;
+              }
+              transform {
+                child: container {
+                  container {
+                    outset-shadow {
+                      color: rgba(0,0,0,0.1);
+                      dx: 0;
+                      outline: -1 -1 26 26 / 13;
+                    }
+                    outset-shadow {
+                      blur: 2;
+                      color: rgba(0,0,0,0.07);
+                      dx: 0;
+                      outline: -1 -1 26 26 / 13;
+                    }
+                    rounded-clip {
+                      child: cross-fade {
+                        end: linear-gradient {
+                          bounds: 0 0 24 24;
+                          end: 12 24;
+                          start: 12 0;
+                          stops: 0.1 rgb(255,255,255), 0.9 rgb(255,255,255);
+                        }
+                        progress: 0.756154;
+                        start: cross-fade {
+                          end: linear-gradient {
+                            bounds: 0 0 24 24;
+                            end: 12 24;
+                            start: 12 0;
+                            stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244);
+                          }
+                          progress: 0.788575;
+                          start: color {
+                            bounds: 0 0 24 24;
+                            color: rgb(246,245,244);
+                          }
+                        }
+                      }
+                      clip: -1 -1 26 26 / 13;
+                    }
+                    inset-shadow {
+                      color: rgb(255,255,255);
+                      dx: 0;
+                      outline: 0 0 24 24 / 12;
+                    }
+                  }
+                  border {
+                    colors: rgb(24,95,180);
+                    outline: -1 -1 26 26 / 13;
+                  }
+                }
+                transform: translate(24, 0);
+              }
+            }
+            transform: translate(1, 1);
+          }
+          transform {
+            child: text {
+              color: rgb(46,52,54);
+              font: "Cantarell 11";
+              glyphs: "Enabled";
+              offset: 147 18;
+            }
+            transform: translate(56, 0);
+          }
+        }
+        transform: translate(0, 38);
+      }
+      transform {
+        child: container {
+          transform {
+            child: container {
+              rounded-clip {
+                child: color {
+                  bounds: -1 -1 50 26;
+                  color: rgb(250,249,248);
+                }
+                clip: -1 -1 50 26 / 13;
+              }
+              border {
+                colors: rgb(205,199,194);
+                outline: -1 -1 50 26 / 13;
+              }
+              container {
+                rounded-clip {
+                  child: color {
+                    bounds: 0 0 24 24;
+                    color: rgb(250,249,248);
+                  }
+                  clip: -1 -1 26 26 / 13;
+                }
+                border {
+                  colors: rgb(205,199,194);
+                  outline: -1 -1 26 26 / 13;
+                }
+              }
+            }
+            transform: translate(1, 1);
+          }
+          transform {
+            child: text {
+              color: rgb(46,52,54);
+              font: "Cantarell 11";
+              glyphs: "Disabled";
+              offset: 145 18;
+            }
+            transform: translate(56, 0);
+          }
+        }
+        transform: translate(0, 76);
+      }
+      transform {
+        child: container {
+          transform {
+            child: container {
+              rounded-clip {
+                child: color {
+                  bounds: -1 -1 50 26;
+                  color: rgb(250,249,248);
+                }
+                clip: -1 -1 50 26 / 13;
+              }
+              border {
+                colors: rgb(205,199,194);
+                outline: -1 -1 50 26 / 13;
+              }
+              transform {
+                child: container {
+                  rounded-clip {
+                    child: color {
+                      bounds: 0 0 24 24;
+                      color: rgb(250,249,248);
+                    }
+                    clip: -1 -1 26 26 / 13;
+                  }
+                  border {
+                    colors: rgb(205,199,194);
+                    outline: -1 -1 26 26 / 13;
+                  }
+                }
+                transform: translate(24, 0);
+              }
+            }
+            transform: translate(1, 1);
+          }
+          transform {
+            child: text {
+              color: rgb(46,52,54);
+              font: "Cantarell 11";
+              glyphs: "Enabled";
+              offset: 147 18;
+            }
+            transform: translate(56, 0);
+          }
+        }
+        transform: translate(0, 114);
+      }
+      transform {
+        child: container {
+          transform {
+            child: container {
+              rounded-clip {
+                child: color {
+                  bounds: -1 -1 50 26;
+                  color: rgb(225,222,219);
+                }
+                clip: -1 -1 50 26 / 13;
+              }
+              border {
+                colors: rgb(205,199,194);
+                outline: -1 -1 50 26 / 13;
+              }
+              container {
+                container {
+                  outset-shadow {
+                    color: rgba(0,0,0,0.1);
+                    dx: 0;
+                    outline: -1 -1 26 26 / 13;
+                  }
+                  outset-shadow {
+                    blur: 2;
+                    color: rgba(0,0,0,0.07);
+                    dx: 0;
+                    outline: -1 -1 26 26 / 13;
+                  }
+                  rounded-clip {
+                    child: linear-gradient {
+                      bounds: 0 0 24 24;
+                      end: 12 24;
+                      start: 12 0;
+                      stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244);
+                    }
+                    clip: -1 -1 26 26 / 13;
+                  }
+                  inset-shadow {
+                    color: rgb(255,255,255);
+                    dx: 0;
+                    outline: 0 0 24 24 / 12;
+                  }
+                }
+                border {
+                  colors: rgb(191,184,177);
+                  outline: -1 -1 26 26 / 13;
+                }
+              }
+            }
+            transform: translate(1, 1);
+          }
+          transform {
+            child: text {
+              color: rgb(46,52,54);
+              font: "Cantarell 11";
+              glyphs: "Disabled";
+              offset: 123 18;
+            }
+            transform: translate(78, 0);
+          }
+          transform {
+            child: transform {
+              child: container {
+                container {
+                  outset-shadow {
+                    color: rgba(0,0,0,0.1);
+                    dx: 0;
+                    outline: -1 -1 16 16 / 3;
+                  }
+                  outset-shadow {
+                    blur: 2;
+                    color: rgba(0,0,0,0.07);
+                    dx: 0;
+                    outline: -1 -1 16 16 / 3;
+                  }
+                  linear-gradient {
+                    bounds: 0 0 14 14;
+                    end: 7 14;
+                    start: 7 0;
+                    stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244);
+                  }
+                  inset-shadow {
+                    color: rgb(255,255,255);
+                    dx: 0;
+                    outline: 0 0 14 14 / 2;
+                  }
+                }
+                border {
+                  colors: rgb(191,184,177);
+                  outline: -1 -1 16 16 / 3;
+                }
+              }
+              transform: translate(1, 6);
+            }
+            transform: translate(388, 0);
+          }
+        }
+        transform: translate(0, 152);
+      }
+    }
+  }
+  transform: translate(0, 0);
+}
diff --git a/testsuite/gsk/nodeparser/widgetfactory.node b/testsuite/gsk/nodeparser/widgetfactory.node
new file mode 100644 (file)
index 0000000..36b5f1b
--- /dev/null
@@ -0,0 +1,2879 @@
+transform {
+  child: container {
+    container {
+      outset-shadow {
+        blur: 6;
+        color: rgba(0,0,0,0.2);
+        dx: 0;
+        dy: 2;
+        outline: 26 23 1464 788 / 8 8 0 0;
+        spread: 2;
+      }
+      outset-shadow {
+        color: rgba(0,0,0,0.18);
+        dx: 0;
+        dy: 0;
+        outline: 26 23 1464 788 / 8 8 0 0;
+        spread: 1;
+      }
+    }
+    color {
+      bounds: 26 70 1464 741;
+      color: rgb(246,245,244);
+    }
+    transform {
+      child: container {
+        container {
+          rounded-clip {
+            child: linear-gradient {
+              bounds: -6 0 1464 46;
+              end: -6 23;
+              start: 1458 23;
+              stops: 0.08 rgb(227,234,242), 0.25 rgb(246,245,244);
+            }
+            clip: -6 0 1464 47 / 7 7 0 0;
+          }
+          rounded-clip {
+            child: color-matrix {
+              child: texture {
+                bounds: 1081.2 0 256 256;
+                texture: url("data:image/png;base64,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");
+              }
+              matrix: matrix3d(0.0196078, 0.615686, 0.266667, 0, 0.780392, 0.270588, -0.211765, 0, 0.619608, -0.203922, -0.211765, 0, 0, 0, 0, 0.1);
+              offset: 0.180392 0.203922 0.211765 0;
+            }
+            clip: -6 0 1464 47 / 7 7 0 0;
+          }
+          inset-shadow {
+            color: rgba(255,255,255,0.8);
+            dx: 0;
+            outline: -6 0 1464 46 / 7 7 0 0;
+          }
+        }
+        border {
+          colors: rgb(213,208,204);
+          outline: -6 0 1464 47 / 7 7 0 0;
+          widths: 0 0 1;
+        }
+        transform {
+          child: container {
+            transform {
+              child: container {
+                rounded-clip {
+                  child: color {
+                    bounds: -16 -4 132 32;
+                    color: rgb(228,228,224);
+                  }
+                  clip: -17 -5 133 34 / 5 0 0 5;
+                }
+                border {
+                  colors: rgb(213,208,204);
+                  outline: -17 -5 133 34 / 5 0 0 5;
+                  widths: 1 0 1 1;
+                }
+                transform {
+                  child: text {
+                    color: rgb(46,52,54);
+                    font: "Cantarell 11";
+                    glyphs: "Page 1";
+                    offset: 0 17;
+                  }
+                  transform: translate(28, 0);
+                }
+              }
+              transform: translate(17, 11);
+            }
+            transform {
+              child: container {
+                color {
+                  bounds: -16 -4 132 32;
+                  color: rgb(246,245,244);
+                }
+                border {
+                  colors: rgb(213,208,204);
+                  outline: -17 -5 133 34;
+                  widths: 1 0 1 1;
+                }
+                transform {
+                  child: text {
+                    color: rgb(46,52,54);
+                    font: "Cantarell 11";
+                    glyphs: "Page 2";
+                    offset: 0 17;
+                  }
+                  transform: translate(28, 0);
+                }
+              }
+              transform: translate(133, 0) translate(17, 11);
+            }
+            transform {
+              child: container {
+                rounded-clip {
+                  child: color {
+                    bounds: -16 -4 132 32;
+                    color: rgb(246,245,244);
+                  }
+                  clip: -17 -5 134 34 / 0 5 5 0;
+                }
+                border {
+                  colors: rgb(213,208,204);
+                  outline: -17 -5 134 34 / 0 5 5 0;
+                }
+                transform {
+                  child: text {
+                    color: rgb(46,52,54);
+                    font: "Cantarell 11";
+                    glyphs: "Page 3";
+                    offset: 0 17;
+                  }
+                  transform: translate(28, 0);
+                }
+              }
+              transform: translate(266, 0) translate(17, 11);
+            }
+          }
+          transform: translate(526, 0);
+        }
+        transform {
+          child: container {
+            rounded-clip {
+              child: color {
+                bounds: -5 -4 34 32;
+                color: rgb(246,245,244);
+              }
+              clip: -6 -5 36 34 / 5;
+            }
+            border {
+              colors: rgb(213,208,204);
+              outline: -6 -5 36 34 / 5;
+            }
+            color-matrix {
+              child: texture {
+                bounds: 4 4 16 16;
+                texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAH0lEQVQ4jWNgGPKAEY3/n1R9TNRzy0CB0TAYDQOqAADB/QMKPEUKLAAAAABJRU5ErkJggg==");
+              }
+              matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+              offset: 0.572549 0.584314 0.584314 0;
+            }
+          }
+          transform: translate(1367, 0) translate(6, 11);
+        }
+        transform {
+          child: transform {
+            child: color-matrix {
+              child: texture {
+                bounds: 0 4 16 16;
+                texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAfUlEQVQ4je3RMQoCMRBG4Q+voEIKC/H+d7Cwd1GULSzEUyg2azOyQ1gxB9gHgcnknxdCmJliwAHr1FtiH2d/uUTwHJIVuuj1LYINbklyivqObYuglgx4YDcVXPwQvPFM+1esJgquxjf3qS4tgmM1UJKkaxF8g/m2YvyJmYoPk2IlW2Wofj0AAAAASUVORK5CYII=");
+              }
+              matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+              offset: 0.572549 0.584314 0.584314 0;
+            }
+            transform: translate(7, 0) translate(10, 11);
+          }
+          transform: translate(1409, 0);
+        }
+      }
+      transform: translate(26, 23) translate(6, 0);
+    }
+    transform {
+      child: container {
+        container {
+          container {
+            container {
+              transform {
+                child: container {
+                  rounded-clip {
+                    child: color {
+                      bounds: -9 -1 374 34;
+                      color: rgb(252,252,252);
+                    }
+                    clip: -9 -1 374 34 / 5 0 0 5;
+                  }
+                  border {
+                    colors: rgb(213,208,204);
+                    outline: -9 -1 374 34 / 5 0 0 5;
+                    widths: 1 0 1 1;
+                  }
+                  clip {
+                    child: container {
+                      text {
+                        color: rgb(50,50,50);
+                        font: "Cantarell 11";
+                        glyphs: "comboboxentry";
+                        offset: 0 21;
+                      }
+                      clip {
+                        child: container {
+                          color {
+                            bounds: 0 0 357 32;
+                            color: rgb(53,132,228);
+                          }
+                          text {
+                            color: rgb(252,252,252);
+                            font: "Cantarell 11";
+                            glyphs: "comboboxentry";
+                            offset: 0 21;
+                          }
+                        }
+                        clip: 0 6 101 19;
+                      }
+                    }
+                    clip: 0 0 357 32;
+                  }
+                }
+                transform: translate(9, 1);
+              }
+              transform {
+                child: container {
+                  rounded-clip {
+                    child: color {
+                      bounds: -9 -4 34 32;
+                      color: rgb(246,245,244);
+                    }
+                    clip: -10 -5 36 34 / 0 5 5 0;
+                  }
+                  border {
+                    colors: rgb(213,208,204) rgb(213,208,204) rgb(213,208,204) rgb(53,132,228);
+                    outline: -10 -5 36 34 / 0 5 5 0;
+                  }
+                  color-matrix {
+                    child: texture {
+                      bounds: 0 4 16 16;
+                      texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
+                    }
+                    matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                    offset: 0.572549 0.584314 0.584314 0;
+                  }
+                }
+                transform: translate(374, 0) translate(10, 5);
+              }
+            }
+            transform {
+              child: container {
+                transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -9 -1 374 34;
+                        color: rgb(250,249,248);
+                      }
+                      clip: -9 -1 374 34 / 5 0 0 5;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -9 -1 374 34 / 5 0 0 5;
+                      widths: 1 0 1 1;
+                    }
+                    clip {
+                      child: text {
+                        color: rgb(212,207,202);
+                        font: "Cantarell 11";
+                        glyphs: "comboboxentry";
+                        offset: 0 21;
+                      }
+                      clip: 0 0 357 32;
+                    }
+                  }
+                  transform: translate(9, 1);
+                }
+                transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -9 -4 34 32;
+                        color: rgb(250,249,248);
+                      }
+                      clip: -10 -5 36 34 / 0 5 5 0;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -10 -5 36 34 / 0 5 5 0;
+                    }
+                    color-matrix {
+                      child: texture {
+                        bounds: 0 4 16 16;
+                        texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
+                      }
+                      matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
+                      offset: 0.831373 0.811765 0.792157 0;
+                    }
+                  }
+                  transform: translate(374, 0) translate(10, 5);
+                }
+              }
+              transform: translate(0, 44);
+            }
+            transform {
+              child: container {
+                rounded-clip {
+                  child: color {
+                    bounds: -9 -1 410 34;
+                    color: rgb(252,252,252);
+                  }
+                  clip: -9 -1 410 34 / 5;
+                }
+                border {
+                  colors: rgb(213,208,204);
+                  outline: -9 -1 410 34 / 5;
+                }
+                clip {
+                  child: opacity {
+                    child: text {
+                      color: rgb(50,50,50);
+                      font: "Cantarell 11";
+                      glyphs: "Click icon to change mode";
+                      offset: 0 21;
+                    }
+                    opacity: 0.54902;
+                  }
+                  clip: 0 0 370 32;
+                }
+                transform {
+                  child: color-matrix {
+                    child: texture {
+                      bounds: 0 8 16 16;
+                      texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAyklEQVQ4jc3S3UpCURAF4K8w8ypQA1EfpkcI8SmEEh9STYzQQNCE3sELiQiiLhy1I/ucbl0wDHt+Fmv2DOeGCh4xxic2eIrYVdSM8JNqbmMeyZS9oPnnnUEZr5FY4h63aKCDdeSe8wgGEXxDNaGujvcTRRnsmTuJ5v3Mp5bBRwQbCYK8PwGl8N/hvxIEF4nYAZfhF+HvioqL8BCyVqgl8jVM5ewfrjGLgjW6uAnrOq5xWqSi5XgLeYfU+m+UMvqYYGt3ykP0QuUZ4hei9keg1mtPrwAAAABJRU5ErkJggg==");
+                    }
+                    matrix: matrix3d(-0.454902, 0.152941, -0.188235, 0, 0.305882, -0.192157, -0.666667, 0, 0.145098, -0.666667, -0.666667, 0, 0, 0, 0, 1);
+                    offset: 0.654902 0.666667 0.666667 0;
+                  }
+                  transform: translate(370, 0) translate(6, 0);
+                }
+              }
+              transform: translate(0, 88) translate(9, 1);
+            }
+            transform {
+              child: container {
+                rounded-clip {
+                  child: color {
+                    bounds: -9 -1 410 34;
+                    color: rgb(250,249,248);
+                  }
+                  clip: -9 -1 410 34 / 5;
+                }
+                border {
+                  colors: rgb(213,208,204);
+                  outline: -9 -1 410 34 / 5;
+                }
+                clip {
+                  child: text {
+                    color: rgb(212,207,202);
+                    font: "Cantarell 11";
+                    glyphs: "entry";
+                    offset: 0 21;
+                  }
+                  clip: 0 0 392 32;
+                }
+              }
+              transform: translate(0, 132) translate(9, 1);
+            }
+            transform {
+              child: container {
+                transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -9 -1 374 35;
+                        color: rgb(252,252,252);
+                      }
+                      clip: -9 -1 374 35 / 5 0 0 5;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -9 -1 374 35 / 5 0 0 5;
+                      widths: 1 0 1 1;
+                    }
+                    clip {
+                      child: text {
+                        color: rgb(50,50,50);
+                        font: "Cantarell 11";
+                        glyphs: "entry";
+                        offset: 0 22;
+                      }
+                      clip: 0 0 357 33;
+                    }
+                  }
+                  transform: translate(9, 1);
+                }
+                transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -5 -4 34 33;
+                        color: rgb(246,245,244);
+                      }
+                      clip: -6 -5 36 35 / 0 5 5 0;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -6 -5 36 35 / 0 5 5 0;
+                    }
+                    color-matrix {
+                      child: texture {
+                        bounds: 4 4 16 16;
+                        texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAfUlEQVQ4je3RMQoCMRBG4Q+voEIKC/H+d7Cwd1GULSzEUyg2azOyQ1gxB9gHgcnknxdCmJliwAHr1FtiH2d/uUTwHJIVuuj1LYINbklyivqObYuglgx4YDcVXPwQvPFM+1esJgquxjf3qS4tgmM1UJKkaxF8g/m2YvyJmYoPk2IlW2Wofj0AAAAASUVORK5CYII=");
+                      }
+                      matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                      offset: 0.572549 0.584314 0.584314 0;
+                    }
+                  }
+                  transform: translate(374, 0) translate(6, 5);
+                }
+              }
+              transform: translate(0, 176);
+            }
+            transform {
+              child: container {
+                transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -9 -4 136 32;
+                        color: rgb(246,245,244);
+                      }
+                      clip: -10 -5 137 34 / 5 0 0 5;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -10 -5 137 34 / 5 0 0 5;
+                      widths: 1 0 1 1;
+                    }
+                    container {
+                      text {
+                        color: rgb(146,149,149);
+                        font: "Cantarell 11";
+                        glyphs: "Left";
+                        offset: 2 17;
+                      }
+                      transform {
+                        child: color-matrix {
+                          child: texture {
+                            bounds: 0 4 16 16;
+                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
+                          }
+                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                          offset: 0.572549 0.584314 0.584314 0;
+                        }
+                        transform: translate(102, 0);
+                      }
+                    }
+                  }
+                  transform: translate(10, 5);
+                }
+                transform {
+                  child: transform {
+                    child: container {
+                      color {
+                        bounds: -9 -4 135 32;
+                        color: rgb(246,245,244);
+                      }
+                      border {
+                        colors: rgb(213,208,204);
+                        outline: -10 -5 136 34;
+                        widths: 1 0 1 1;
+                      }
+                      container {
+                        text {
+                          color: rgb(146,149,149);
+                          font: "Cantarell 11";
+                          glyphs: "Middle";
+                          offset: 2 17;
+                        }
+                        transform {
+                          child: color-matrix {
+                            child: texture {
+                              bounds: 0 4 16 16;
+                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
+                            }
+                            matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                            offset: 0.572549 0.584314 0.584314 0;
+                          }
+                          transform: translate(101, 0);
+                        }
+                      }
+                    }
+                    transform: translate(10, 5);
+                  }
+                  transform: translate(137, 0);
+                }
+                transform {
+                  child: transform {
+                    child: container {
+                      rounded-clip {
+                        child: color {
+                          bounds: -9 -4 135 32;
+                          color: rgb(246,245,244);
+                        }
+                        clip: -10 -5 137 34 / 0 5 5 0;
+                      }
+                      border {
+                        colors: rgb(213,208,204);
+                        outline: -10 -5 137 34 / 0 5 5 0;
+                      }
+                      container {
+                        text {
+                          color: rgb(146,149,149);
+                          font: "Cantarell 11";
+                          glyphs: "Right";
+                          offset: 2 17;
+                        }
+                        transform {
+                          child: color-matrix {
+                            child: texture {
+                              bounds: 0 4 16 16;
+                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
+                            }
+                            matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                            offset: 0.572549 0.584314 0.584314 0;
+                          }
+                          transform: translate(101, 0);
+                        }
+                      }
+                    }
+                    transform: translate(10, 5);
+                  }
+                  transform: translate(273, 0);
+                }
+              }
+              transform: translate(0, 221);
+            }
+            transform {
+              child: container {
+                text {
+                  color: rgb(146,149,149);
+                  font: "Cantarell 11";
+                  glyphs: "label";
+                  offset: 0 22;
+                }
+                transform {
+                  child: text {
+                    color: rgb(212,207,202);
+                    font: "Cantarell 11";
+                    glyphs: "label";
+                    offset: 0 22;
+                  }
+                  transform: translate(52, 0);
+                }
+                transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -1 -1 112 34;
+                        color: rgb(252,252,252);
+                      }
+                      clip: -1 -1 112 34 / 5;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -1 -1 112 34 / 5;
+                    }
+                    container {
+                      transform {
+                        child: text {
+                          color: rgb(50,50,50);
+                          font: "Cantarell 11";
+                          glyphs: "50";
+                          offset: 0 15;
+                        }
+                        transform: translate(6, 6);
+                      }
+                      transform {
+                        child: container {
+                          border {
+                            colors: rgba(213,208,204,0.3);
+                            outline: -6 0 35 32;
+                            widths: 0 0 0 1;
+                          }
+                          color-matrix {
+                            child: texture {
+                              bounds: 4 8 16 16;
+                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAHElEQVQ4jWNgGAXDADCi8f+Tqo+Jem4ZBUMYAABDXwEEvj+CVwAAAABJRU5ErkJggg==");
+                            }
+                            matrix: matrix3d(-0.454902, 0.152941, -0.188235, 0, 0.305882, -0.192157, -0.666667, 0, 0.145098, -0.666667, -0.666667, 0, 0, 0, 0, 1);
+                            offset: 0.654902 0.666667 0.666667 0;
+                          }
+                        }
+                        transform: translate(40, 0) translate(6, 0);
+                      }
+                      transform {
+                        child: container {
+                          border {
+                            colors: rgba(213,208,204,0.3);
+                            outline: -6 0 35 32 / 0 5 5 0;
+                            widths: 0 0 0 1;
+                          }
+                          color-matrix {
+                            child: texture {
+                              bounds: 4 8 16 16;
+                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAKElEQVQ4jWNgGPbgPxTjBEyU2jDwBjCi8fH6F5s+il1ACIyEWBgGAADypgUMy1PhdwAAAABJRU5ErkJggg==");
+                            }
+                            matrix: matrix3d(-0.454902, 0.152941, -0.188235, 0, 0.305882, -0.192157, -0.666667, 0, 0.145098, -0.666667, -0.666667, 0, 0, 0, 0, 1);
+                            offset: 0.654902 0.666667 0.666667 0;
+                          }
+                        }
+                        transform: translate(75, 0) translate(6, 0);
+                      }
+                    }
+                  }
+                  transform: translate(104, 0) translate(1, 1);
+                }
+                transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -1 -1 112 34;
+                        color: rgb(250,249,248);
+                      }
+                      clip: -1 -1 112 34 / 5;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -1 -1 112 34 / 5;
+                    }
+                    container {
+                      transform {
+                        child: text {
+                          color: rgb(212,207,202);
+                          font: "Cantarell 11";
+                          glyphs: "0";
+                          offset: 0 15;
+                        }
+                        transform: translate(6, 6);
+                      }
+                      transform {
+                        child: container {
+                          color {
+                            bounds: -5 0 34 32;
+                            color: rgb(250,249,248);
+                          }
+                          border {
+                            colors: rgba(213,208,204,0.3);
+                            outline: -6 0 35 32;
+                            widths: 0 0 0 1;
+                          }
+                          color-matrix {
+                            child: texture {
+                              bounds: 4 8 16 16;
+                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAHElEQVQ4jWNgGAXDADCi8f+Tqo+Jem4ZBUMYAABDXwEEvj+CVwAAAABJRU5ErkJggg==");
+                            }
+                            matrix: matrix3d(-0.454902, 0.152941, -0.188235, 0, 0.305882, -0.192157, -0.666667, 0, 0.145098, -0.666667, -0.666667, 0, 0, 0, 0, 0.5);
+                            offset: 0.654902 0.666667 0.666667 0;
+                          }
+                        }
+                        transform: translate(40, 0) translate(6, 0);
+                      }
+                      transform {
+                        child: container {
+                          rounded-clip {
+                            child: color {
+                              bounds: -5 0 34 32;
+                              color: rgb(250,249,248);
+                            }
+                            clip: -6 0 35 32 / 0 5 5 0;
+                          }
+                          border {
+                            colors: rgba(213,208,204,0.3);
+                            outline: -6 0 35 32 / 0 5 5 0;
+                            widths: 0 0 0 1;
+                          }
+                          color-matrix {
+                            child: texture {
+                              bounds: 4 8 16 16;
+                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAKElEQVQ4jWNgGPbgPxTjBEyU2jDwBjCi8fH6F5s+il1ACIyEWBgGAADypgUMy1PhdwAAAABJRU5ErkJggg==");
+                            }
+                            matrix: matrix3d(-0.454902, 0.152941, -0.188235, 0, 0.305882, -0.192157, -0.666667, 0, 0.145098, -0.666667, -0.666667, 0, 0, 0, 0, 0.5);
+                            offset: 0.654902 0.666667 0.666667 0;
+                          }
+                        }
+                        transform: translate(75, 0) translate(6, 0);
+                      }
+                    }
+                  }
+                  transform: translate(236, 0) translate(1, 1);
+                }
+              }
+              transform: translate(0, 265);
+            }
+            transform {
+              child: container {
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        color {
+                          bounds: 0 0 14 14;
+                          color: rgb(246,245,244);
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 3;
+                        }
+                        color-matrix {
+                          child: texture {
+                            bounds: 0 0 14 14;
+                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElEQVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUpYBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAei77LDp72K7jAZx9tAAAAAElFTkSuQmCC");
+                          }
+                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                          offset: 0.572549 0.584314 0.584314 0;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(146,149,149);
+                        font: "Cantarell 11";
+                        glyphs: "checkbutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(0, 2);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        color {
+                          bounds: 0 0 14 14;
+                          color: rgb(246,245,244);
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 3;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(146,149,149);
+                        font: "Cantarell 11";
+                        glyphs: "checkbutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(0, 29) translate(0, 2);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        color {
+                          bounds: 0 0 14 14;
+                          color: rgb(246,245,244);
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 3;
+                        }
+                        color-matrix {
+                          child: texture {
+                            bounds: 0 0 14 14;
+                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlEQVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4GmjkhFgCAAAAAElFTkSuQmCC");
+                          }
+                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                          offset: 0.572549 0.584314 0.584314 0;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(146,149,149);
+                        font: "Cantarell 11";
+                        glyphs: "checkbutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(0, 58) translate(0, 2);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        color {
+                          bounds: 0 0 14 14;
+                          color: rgb(250,249,248);
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 3;
+                        }
+                        color-matrix {
+                          child: texture {
+                            bounds: 0 0 14 14;
+                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElEQVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUpYBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAei77LDp72K7jAZx9tAAAAAElFTkSuQmCC");
+                          }
+                          matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
+                          offset: 0.831373 0.811765 0.792157 0;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(212,207,202);
+                        font: "Cantarell 11";
+                        glyphs: "checkbutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(0, 87) translate(0, 2);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        color {
+                          bounds: 0 0 14 14;
+                          color: rgb(250,249,248);
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 3;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(212,207,202);
+                        font: "Cantarell 11";
+                        glyphs: "checkbutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(0, 116) translate(0, 2);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        color {
+                          bounds: 0 0 14 14;
+                          color: rgb(250,249,248);
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 3;
+                        }
+                        color-matrix {
+                          child: texture {
+                            bounds: 0 0 14 14;
+                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlEQVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4GmjkhFgCAAAAAElFTkSuQmCC");
+                          }
+                          matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
+                          offset: 0.831373 0.811765 0.792157 0;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(212,207,202);
+                        font: "Cantarell 11";
+                        glyphs: "checkbutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(0, 145) translate(0, 2);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        rounded-clip {
+                          child: color {
+                            bounds: 0 0 14 14;
+                            color: rgb(246,245,244);
+                          }
+                          clip: -1 -1 16 16 / 8;
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 8;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(146,149,149);
+                        font: "Cantarell 11";
+                        glyphs: "radiobutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(125, 0) translate(0, 2);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        rounded-clip {
+                          child: color {
+                            bounds: 0 0 14 14;
+                            color: rgb(246,245,244);
+                          }
+                          clip: -1 -1 16 16 / 8;
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 8;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(146,149,149);
+                        font: "Cantarell 11";
+                        glyphs: "radiobutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(125, 29) translate(0, 2);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        rounded-clip {
+                          child: color {
+                            bounds: 0 0 14 14;
+                            color: rgb(246,245,244);
+                          }
+                          clip: -1 -1 16 16 / 8;
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 8;
+                        }
+                        color-matrix {
+                          child: texture {
+                            bounds: 0 0 14 14;
+                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlEQVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4GmjkhFgCAAAAAElFTkSuQmCC");
+                          }
+                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                          offset: 0.572549 0.584314 0.584314 0;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(146,149,149);
+                        font: "Cantarell 11";
+                        glyphs: "radiobutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(125, 58) translate(0, 2);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        rounded-clip {
+                          child: color {
+                            bounds: 0 0 14 14;
+                            color: rgb(250,249,248);
+                          }
+                          clip: -1 -1 16 16 / 8;
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 8;
+                        }
+                        color-matrix {
+                          child: texture {
+                            bounds: 0 0 14 14;
+                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAASklEQVQokWNgGJmAjYGBoZWBgeERFLcwMDCwEqOxlYGB4T8abiZG42MsGh+iK2LCovE/MWLYNC4iUgwDsDJA/PQQihsZiAyc4QYASeYTs7b/ALUAAAAASUVORK5CYII=");
+                          }
+                          matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
+                          offset: 0.831373 0.811765 0.792157 0;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(212,207,202);
+                        font: "Cantarell 11";
+                        glyphs: "radiobutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(125, 87) translate(0, 2);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        rounded-clip {
+                          child: color {
+                            bounds: 0 0 14 14;
+                            color: rgb(250,249,248);
+                          }
+                          clip: -1 -1 16 16 / 8;
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 8;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(212,207,202);
+                        font: "Cantarell 11";
+                        glyphs: "radiobutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(125, 116) translate(0, 2);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: container {
+                        rounded-clip {
+                          child: color {
+                            bounds: 0 0 14 14;
+                            color: rgb(250,249,248);
+                          }
+                          clip: -1 -1 16 16 / 8;
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 16 16 / 8;
+                        }
+                        color-matrix {
+                          child: texture {
+                            bounds: 0 0 14 14;
+                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlEQVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4GmjkhFgCAAAAAElFTkSuQmCC");
+                          }
+                          matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
+                          offset: 0.831373 0.811765 0.792157 0;
+                        }
+                      }
+                      transform: translate(5, 2);
+                    }
+                    transform {
+                      child: text {
+                        color: rgb(212,207,202);
+                        font: "Cantarell 11";
+                        glyphs: "radiobutton";
+                        offset: 0 15;
+                      }
+                      transform: translate(24, 0);
+                    }
+                  }
+                  transform: translate(125, 145) translate(0, 2);
+                }
+                transform {
+                  child: color-matrix {
+                    child: transform {
+                      child: texture {
+                        bounds: 0 3.5 16 16;
+                        texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABE0lEQVQ4jbXSPy9DURjH8U9bSqhEmog/A6PFJGGRCInRZrQZTN6B1XsysJgMRklJDRYGtVBtWkRr6HObG2muRuJJbnJynvP9nt9zc/iHKuEIZ3jEFeaHhbfwgO6P73AYeAftAfANFn+Dp1FLQffYx8yw0Y9T8B3mMs6OoYh8evMSnRDsZcCFkJf1fraRaCygFevzDEE3JBMYRSMR1CPaVwYsYk/Fup1swC2e0MBGhqAcgtlI0hecxjgNHKRuSVcRKyHJi5EL0axiNxodrEWiFsaxhE1MBvOOCjq51A3rOMFrSNp4RhMv+AhhHRfR6yeg9+4rWE0J8sjhLQTNgGsJlE6QVAnbWI65mzFOFdf4HMD8vb4BZVRHF0lPimAAAAAASUVORK5CYII=");
+                      }
+                      transform: translate(8, 11.5) rotate(323.944) translate(-8, -11.5);
+                    }
+                    matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                    offset: 0.572549 0.584314 0.584314 0;
+                  }
+                  transform: translate(247, 0);
+                }
+                transform {
+                  child: opacity {
+                    child: color-matrix {
+                      child: transform {
+                        child: texture {
+                          bounds: 0 3.5 16 16;
+                          texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABE0lEQVQ4jbXSPy9DURjH8U9bSqhEmog/A6PFJGGRCInRZrQZTN6B1XsysJgMRklJDRYGtVBtWkRr6HObG2muRuJJbnJynvP9nt9zc/iHKuEIZ3jEFeaHhbfwgO6P73AYeAftAfANFn+Dp1FLQffYx8yw0Y9T8B3mMs6OoYh8evMSnRDsZcCFkJf1fraRaCygFevzDEE3JBMYRSMR1CPaVwYsYk/Fup1swC2e0MBGhqAcgtlI0hecxjgNHKRuSVcRKyHJi5EL0axiNxodrEWiFsaxhE1MBvOOCjq51A3rOMFrSNp4RhMv+AhhHRfR6yeg9+4rWE0J8sjhLQTNgGsJlE6QVAnbWI65mzFOFdf4HMD8vb4BZVRHF0lPimAAAAAASUVORK5CYII=");
+                        }
+                        transform: translate(8, 11.5) rotate(323.944) translate(-8, -11.5);
+                      }
+                      matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 0.5);
+                      offset: 0.572549 0.584314 0.584314 0;
+                    }
+                    opacity: 0.501961;
+                  }
+                  transform: translate(247, 87);
+                }
+              }
+              transform: translate(0, 309);
+            }
+          }
+          transform {
+            child: color {
+              bounds: 0 0 1 558;
+              color: rgba(0,0,0,0.1);
+            }
+            transform: translate(420, 0);
+          }
+          transform {
+            child: container {
+              transform {
+                child: container {
+                  rounded-clip {
+                    child: color {
+                      bounds: -16 -4 120 32;
+                      color: rgb(246,245,244);
+                    }
+                    clip: -17 -5 122 34 / 5;
+                  }
+                  border {
+                    colors: rgb(213,208,204);
+                    outline: -17 -5 122 34 / 5;
+                  }
+                  text {
+                    color: rgb(146,149,149);
+                    font: "Cantarell 11";
+                    glyphs: "togglebutton";
+                    offset: 2 17;
+                  }
+                }
+                transform: translate(17, 5);
+              }
+              transform {
+                child: container {
+                  rounded-clip {
+                    child: color {
+                      bounds: -16 -4 120 32;
+                      color: rgb(250,249,248);
+                    }
+                    clip: -17 -5 122 34 / 5;
+                  }
+                  border {
+                    colors: rgb(213,208,204);
+                    outline: -17 -5 122 34 / 5;
+                  }
+                  text {
+                    color: rgb(212,207,202);
+                    font: "Cantarell 11";
+                    glyphs: "togglebutton";
+                    offset: 2 17;
+                  }
+                }
+                transform: translate(0, 44) translate(17, 5);
+              }
+              transform {
+                child: container {
+                  rounded-clip {
+                    child: color {
+                      bounds: -16 -4 120 32;
+                      color: rgb(228,228,224);
+                    }
+                    clip: -17 -5 122 34 / 5;
+                  }
+                  border {
+                    colors: rgb(213,208,204);
+                    outline: -17 -5 122 34 / 5;
+                  }
+                  text {
+                    color: rgb(146,149,149);
+                    font: "Cantarell 11";
+                    glyphs: "togglebutton";
+                    offset: 2 17;
+                  }
+                }
+                transform: translate(0, 88) translate(17, 5);
+              }
+              transform {
+                child: container {
+                  rounded-clip {
+                    child: color {
+                      bounds: -16 -4 120 32;
+                      color: rgb(228,228,224);
+                    }
+                    clip: -17 -5 122 34 / 5;
+                  }
+                  border {
+                    colors: rgb(213,208,204);
+                    outline: -17 -5 122 34 / 5;
+                  }
+                  text {
+                    color: rgb(212,207,202);
+                    font: "Cantarell 11";
+                    glyphs: "togglebutton";
+                    offset: 2 17;
+                  }
+                }
+                transform: translate(0, 132) translate(17, 5);
+              }
+              transform {
+                child: transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -9 -4 120 32;
+                        color: rgb(246,245,244);
+                      }
+                      clip: -10 -5 122 34 / 5;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -10 -5 122 34 / 5;
+                    }
+                    container {
+                      text {
+                        color: rgb(146,149,149);
+                        font: "Cantarell 11";
+                        glyphs: "Andrea";
+                        offset: 2 17;
+                      }
+                      transform {
+                        child: color-matrix {
+                          child: texture {
+                            bounds: 0 4 16 16;
+                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
+                          }
+                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                          offset: 0.572549 0.584314 0.584314 0;
+                        }
+                        transform: translate(86, 0);
+                      }
+                    }
+                  }
+                  transform: translate(10, 5);
+                }
+                transform: translate(0, 176);
+              }
+              transform {
+                child: transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -9 -4 120 32;
+                        color: rgb(250,249,248);
+                      }
+                      clip: -10 -5 122 34 / 5;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -10 -5 122 34 / 5;
+                    }
+                    container {
+                      text {
+                        color: rgb(212,207,202);
+                        font: "Cantarell 11";
+                        glyphs: "Otto";
+                        offset: 2 17;
+                      }
+                      transform {
+                        child: color-matrix {
+                          child: texture {
+                            bounds: 0 4 16 16;
+                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
+                          }
+                          matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
+                          offset: 0.831373 0.811765 0.792157 0;
+                        }
+                        transform: translate(86, 0);
+                      }
+                    }
+                  }
+                  transform: translate(10, 5);
+                }
+                transform: translate(0, 220);
+              }
+              transform {
+                child: transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -9 -4 120 32;
+                        color: rgb(246,245,244);
+                      }
+                      clip: -10 -5 122 34 / 5;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -10 -5 122 34 / 5;
+                    }
+                    container {
+                      text {
+                        color: rgb(146,149,149);
+                        font: "Cantarell 11";
+                        glyphs: "Sans Regular";
+                        offset: 0 17;
+                      }
+                      transform {
+                        child: transform {
+                          child: text {
+                            color: rgb(146,149,149);
+                            font: "Cantarell Bold 11";
+                            glyphs: "12";
+                            offset: 0 17;
+                          }
+                          transform: translate(1, 0);
+                        }
+                        transform: translate(86, 0);
+                      }
+                    }
+                  }
+                  transform: translate(10, 5);
+                }
+                transform: translate(0, 264);
+              }
+              transform {
+                child: transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -4 -4 120 32;
+                        color: rgb(246,245,244);
+                      }
+                      clip: -5 -5 122 34 / 5;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -5 -5 122 34 / 5;
+                    }
+                    container {
+                      color {
+                        bounds: 0 0 112 24;
+                        color: rgb(49,104,160);
+                      }
+                      transform {
+                        child: border {
+                          colors: rgba(0,0,0,0.3);
+                          outline: -1 -1 112 24;
+                        }
+                        transform: translate(1, 1);
+                      }
+                    }
+                  }
+                  transform: translate(5, 5);
+                }
+                transform: translate(0, 308);
+              }
+              transform {
+                child: transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -9 -4 120 32;
+                        color: rgb(246,245,244);
+                      }
+                      clip: -10 -5 122 34 / 5;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -10 -5 122 34 / 5;
+                    }
+                    container {
+                      transform {
+                        child: text {
+                          color: rgb(146,149,149);
+                          font: "Cantarell 11";
+                          glyphs: "(None)";
+                          offset: 0 17;
+                        }
+                        transform: translate(16, 0);
+                      }
+                      transform {
+                        child: color-matrix {
+                          child: texture {
+                            bounds: 0 4 16 16;
+                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAeUlEQVQ4jcWTQQqAIBBFn9HV6i4uOmaL7hF1hVbZRkF0tMmCPnwYdeahH4RcM+AEH4AV+jNJw8EnMGkBpf0MsiRDd4AAsdKBFhAywSTN8doIkBgGYLpKk0qvAVB+s0q9AHuk/zP4BLD7uiXIFWD0Re0TSd6Aof3uXhd1yT8mvMGiQgAAAABJRU5ErkJggg==");
+                          }
+                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                          offset: 0.572549 0.584314 0.584314 0;
+                        }
+                        transform: translate(86, 0);
+                      }
+                    }
+                  }
+                  transform: translate(10, 5);
+                }
+                transform: translate(0, 352);
+              }
+              transform {
+                child: container {
+                  text {
+                    color: rgb(53,132,228);
+                    font: "Cantarell 11";
+                    glyphs: "link button";
+                    offset: 10 17;
+                  }
+                  color {
+                    bounds: 10 19 68 1;
+                    color: rgb(53,132,228);
+                  }
+                }
+                transform: translate(0, 396) translate(17, 5);
+              }
+              transform {
+                child: container {
+                  rounded-clip {
+                    child: color {
+                      bounds: -1 -1 50 26;
+                      color: rgb(234,232,230);
+                    }
+                    clip: -1 -1 50 26 / 13;
+                  }
+                  border {
+                    colors: rgb(213,208,204);
+                    outline: -1 -1 50 26 / 13;
+                  }
+                  container {
+                    rounded-clip {
+                      child: color {
+                        bounds: 0 0 24 24;
+                        color: rgb(246,245,244);
+                      }
+                      clip: -1 -1 26 26 / 13;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -1 -1 26 26 / 13;
+                    }
+                  }
+                }
+                transform: translate(0, 440) translate(37, 1);
+              }
+              transform {
+                child: container {
+                  rounded-clip {
+                    child: color {
+                      bounds: -1 -1 50 26;
+                      color: rgb(250,249,248);
+                    }
+                    clip: -1 -1 50 26 / 13;
+                  }
+                  border {
+                    colors: rgb(213,208,204);
+                    outline: -1 -1 50 26 / 13;
+                  }
+                  container {
+                    rounded-clip {
+                      child: color {
+                        bounds: 0 0 24 24;
+                        color: rgb(250,249,248);
+                      }
+                      clip: -1 -1 26 26 / 13;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -1 -1 26 26 / 13;
+                    }
+                  }
+                }
+                transform: translate(0, 476) translate(37, 1);
+              }
+            }
+            transform: translate(431, 0);
+          }
+          transform {
+            child: color {
+              bounds: 0 0 1 558;
+              color: rgba(0,0,0,0.1);
+            }
+            transform: translate(563, 0);
+          }
+          transform {
+            child: container {
+              container {
+                transform {
+                  child: container {
+                    rounded-clip {
+                      child: color {
+                        bounds: -1 -1 502 4;
+                        color: rgb(234,232,230);
+                      }
+                      clip: -1 -1 502 4 / 2;
+                    }
+                    border {
+                      colors: rgb(213,208,204);
+                      outline: -1 -1 502 4 / 2;
+                    }
+                    transform {
+                      child: container {
+                        rounded-clip {
+                          child: color {
+                            bounds: -1 -1 252 4;
+                            color: rgb(53,132,228);
+                          }
+                          clip: -1 -1 252 4 / 2 1.5 1.5 2;
+                        }
+                        border {
+                          colors: rgb(53,132,228);
+                          outline: -1 -1 252 4 / 2 1.5 1.5 2;
+                        }
+                      }
+                      transform: translate(0, -1) translate(0, 1);
+                    }
+                  }
+                  transform: translate(1, 1);
+                }
+                transform {
+                  child: transform {
+                    child: container {
+                      rounded-clip {
+                        child: color {
+                          bounds: -1 -1 502 4;
+                          color: rgb(234,232,230);
+                        }
+                        clip: -1 -1 502 4 / 2;
+                      }
+                      border {
+                        colors: rgb(213,208,204);
+                        outline: -1 -1 502 4 / 2;
+                      }
+                      transform {
+                        child: container {
+                          rounded-clip {
+                            child: color {
+                              bounds: -1 -1 252 4;
+                              color: rgb(53,132,228);
+                            }
+                            clip: -1 -1 252 4 / 1.5 2 2 1.5;
+                          }
+                          border {
+                            colors: rgb(53,132,228);
+                            outline: -1 -1 252 4 / 1.5 2 2 1.5;
+                          }
+                        }
+                        transform: translate(250, -1) translate(0, 1);
+                      }
+                    }
+                    transform: translate(1, 1);
+                  }
+                  transform: translate(0, 10);
+                }
+                transform {
+                  child: container {
+                    transform {
+                      child: text {
+                        color: rgba(46,52,54,0.4);
+                        font: "Cantarell 9.1669921875";
+                        glyphs: "50", 859 1, "%";
+                        offset: 0 13;
+                      }
+                      transform: translate(237, 0);
+                    }
+                    transform {
+                      child: container {
+                        rounded-clip {
+                          child: color {
+                            bounds: -1 -1 502 4;
+                            color: rgb(234,232,230);
+                          }
+                          clip: -1 -1 502 4 / 2;
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 502 4 / 2;
+                        }
+                        transform {
+                          child: container {
+                            rounded-clip {
+                              child: color {
+                                bounds: -1 -1 102 4;
+                                color: rgb(53,132,228);
+                              }
+                              clip: -1 -1 102 4 / 1.5;
+                            }
+                            border {
+                              colors: rgb(53,132,228);
+                              outline: -1 -1 102 4 / 1.5;
+                            }
+                          }
+                          transform: translate(43, -1) translate(0, 1);
+                        }
+                      }
+                      transform: translate(0, 16) translate(1, 1);
+                    }
+                  }
+                  transform: translate(0, 20);
+                }
+                transform {
+                  child: transform {
+                    child: container {
+                      rounded-clip {
+                        child: color {
+                          bounds: -3 -3 502 9;
+                          color: rgb(252,252,252);
+                        }
+                        clip: -3 -3 502 9 / 3;
+                      }
+                      border {
+                        colors: rgb(213,208,204);
+                        outline: -3 -3 502 9 / 3;
+                      }
+                      transform {
+                        child: border {
+                          colors: rgba(146,149,149,0.15);
+                          outline: -1 -1 496 3 / 1;
+                        }
+                        transform: translate(1, 1);
+                      }
+                      transform {
+                        child: container {
+                          rounded-clip {
+                            child: color {
+                              bounds: -1 -1 297 3;
+                              color: rgb(53,132,228);
+                            }
+                            clip: -1 -1 297 3 / 1;
+                          }
+                          border {
+                            colors: rgb(53,132,228);
+                            outline: -1 -1 297 3 / 1;
+                          }
+                        }
+                        transform: translate(1, 1);
+                      }
+                    }
+                    transform: translate(3, 3);
+                  }
+                  transform: translate(0, 46);
+                }
+                transform {
+                  child: transform {
+                    child: container {
+                      rounded-clip {
+                        child: color {
+                          bounds: -3 -3 502 9;
+                          color: rgb(252,252,252);
+                        }
+                        clip: -3 -3 502 9 / 3;
+                      }
+                      border {
+                        colors: rgb(213,208,204);
+                        outline: -3 -3 502 9 / 3;
+                      }
+                      transform {
+                        child: container {
+                          rounded-clip {
+                            child: color {
+                              bounds: -1 -1 97 3;
+                              color: rgb(53,132,228);
+                            }
+                            clip: -1 -1 97 3 / 1;
+                          }
+                          border {
+                            colors: rgb(53,132,228);
+                            outline: -1 -1 97 3 / 1;
+                          }
+                        }
+                        transform: translate(2, 1);
+                      }
+                      transform {
+                        child: container {
+                          rounded-clip {
+                            child: color {
+                              bounds: -1 -1 97 3;
+                              color: rgb(53,132,228);
+                            }
+                            clip: -1 -1 97 3 / 1;
+                          }
+                          border {
+                            colors: rgb(53,132,228);
+                            outline: -1 -1 97 3 / 1;
+                          }
+                        }
+                        transform: translate(99, 0) translate(2, 1);
+                      }
+                      transform {
+                        child: border {
+                          colors: rgba(146,149,149,0.15);
+                          outline: -1 -1 97 3 / 1;
+                        }
+                        transform: translate(198, 0) translate(2, 1);
+                      }
+                      transform {
+                        child: border {
+                          colors: rgba(146,149,149,0.15);
+                          outline: -1 -1 97 3 / 1;
+                        }
+                        transform: translate(297, 0) translate(2, 1);
+                      }
+                      transform {
+                        child: border {
+                          colors: rgba(146,149,149,0.15);
+                          outline: -1 -1 97 3 / 1;
+                        }
+                        transform: translate(396, 0) translate(2, 1);
+                      }
+                    }
+                    transform: translate(3, 3);
+                  }
+                  transform: translate(0, 61);
+                }
+              }
+              transform {
+                child: container {
+                  transform {
+                    child: transform {
+                      child: container {
+                        rounded-clip {
+                          child: color {
+                            bounds: -1 -1 478 4;
+                            color: rgb(234,232,230);
+                          }
+                          clip: -1 -1 478 4 / 2;
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 478 4 / 2;
+                        }
+                        container {
+                          rounded-clip {
+                            child: color {
+                              bounds: -1 -1 237 4;
+                              color: rgb(53,132,228);
+                            }
+                            clip: -1 -1 237 4 / 2;
+                          }
+                          border {
+                            colors: rgb(53,132,228);
+                            outline: -1 -1 237 4 / 2;
+                          }
+                        }
+                        transform {
+                          child: container {
+                            rounded-clip {
+                              child: color {
+                                bounds: 0 0 18 18;
+                                color: rgb(246,245,244);
+                              }
+                              clip: -1 -1 20 20 / 10;
+                            }
+                            border {
+                              colors: rgb(213,208,204);
+                              outline: -1 -1 20 20 / 10;
+                            }
+                          }
+                          transform: translate(234, 0) translate(-8, -8);
+                        }
+                      }
+                      transform: translate(0, 3) translate(1, 1);
+                    }
+                    transform: translate(12, 12);
+                  }
+                  transform {
+                    child: transform {
+                      child: container {
+                        rounded-clip {
+                          child: color {
+                            bounds: -1 -1 478 4;
+                            color: rgb(250,249,248);
+                          }
+                          clip: -1 -1 478 4 / 2;
+                        }
+                        border {
+                          colors: rgb(213,208,204);
+                          outline: -1 -1 478 4 / 2;
+                        }
+                        transform {
+                          child: container {
+                            rounded-clip {
+                              child: color {
+                                bounds: 0 0 18 18;
+                                color: rgb(250,249,248);
+                              }
+                              clip: -1 -1 20 20 / 10;
+                            }
+                            border {
+                              colors: rgb(213,208,204);
+                              outline: -1 -1 20 20 / 10;
+                            }
+                          }
+                          transform: translate(234, 0) translate(-8, -8);
+                        }
+                      }
+                      transform: translate(0, 3) translate(1, 1);
+                    }
+                    transform: translate(0, 34) translate(12, 12);
+                  }
+                }
+                transform: translate(0, 76);
+              }
+              transform {
+                child: container {
+                  transform {
+                    child: container {
+                      transform {
+                        child: color {
+                          bounds: 0 0 1 6;
+                          color: rgba(146,149,149,0.55);
+                        }
+                        transform: translate(2, 0);
+                      }
+                      transform {
+                        child: color {
+                          bounds: 0 0 1 6;
+                          color: rgba(146,149,149,0.55);
+                        }
+                        transform: translate(120, 0);
+                      }
+                      transform {
+                        child: color {
+                          bounds: 0 0 1 6;
+                          color: rgba(146,149,149,0.55);
+                        }
+                        transform: translate(239, 0);
+                      }
+                      transform {
+                        child: color {
+                          bounds: 0 0 1 6;
+                          color: rgba(146,149,149,0.55);
+                        }
+                        transform: translate(357, 0);
+                      }
+                      transform {
+                        child: color {
+                          bounds: 0 0 1 6;
+                          color: rgba(146,149,149,0.55);
+                        }
+                        transform: translate(476, 0);
+                      }
+                    }
+                    transform: translate(0, 4) translate(0, 6);
+                  }
+                  transform {
+                    child: container {
+                      rounded-clip {
+                        child: color {
+                          bounds: -1 -1 478 4;
+                          color: rgb(234,232,230);
+                        }
+                        clip: -1 -1 478 4 / 2;
+                      }
+                      border {
+                        colors: rgb(213,208,204);
+                        outline: -1 -1 478 4 / 2;
+                      }
+                      transform {
+                        child: texture {
+                          bounds: 1 1 20 25;
+                          texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAABmJLR0QA/wD/AP+gvaeTAAAC6ElEQVQ4jaXVy2sTQRwH8O/sI81mUrfd3ZYYUBGiZJu2eLCiiDQSUEFUTPWkR1MQjXgwei0UFGkRBf8EH4i09GTQdOOjqJv0oKKllcYoPTSXShrjbkqTGA+akEZTa/M9LfP48JuZ3R2Cv4f3+nx9Bw8cOOV2u3dRSlsB4LtppqenpmKR8fG7zzRtFEC+diKpbfB6vScuXLx4WxRF20ans5kKAjieBwDk83mYpolUKpVdzGSMm7dunZ94+nSkej5b9cwEg8EbZ/r7B1W3u9XpdDYJVitYlgUhBIQQcCwLwWpFW1tbkyzL9s7OzsOiKLZNxuMRAKUV4Llg8MZxvz+gqiptsljq7ETVnvA8FEWxtLe3dzVv2KBMxuOPK+C+/fv7AoHAoKqqlGWYf2KVJRECSZIskix3fUkmp+fm5mYIAH5kbGxuR3e3w2azrRmrjmGaePP27fxJv38L4/X5/KIo0vViAEBtNrS2tDT39vYeZwP9/Vd39fR0C1brukEA4DmuaWl5mWNUj2d3I9VVqqQUno6O3Yyd0hae4xoGOY4DtdslBqUSAfnj/V5XCCFgDMNIF/J/fEH/nUKhAMMwFpmPMzOTZi7XMGiaJqY/fNCZiKbdT6VS2UbB+VQqq2naA0Z78uRhJpPJNVJlzjTxLZtdikajoyyA4teFhfkOj+eQoigW5j8PqFgsYmZ21hgeHj775fPndywAJJPJ9w6HY6uiKG5Zlvm1kiUAs4mE+Sgcvnf/zp1rQNXf5tXLl2FVVfcIguCUZdnyL/Q3lovp+vPBgYHTAH6sAAH8GI9EHrhcrh5qt2+WJYkndZZfrkx//frFlVDoGIBCuY+tHRuNRh+6XK6d9dAyFtf1icuh0FHUXAO1YAXdtn17D6V0UzVaApBIJHJxXZ8IXbp0pBarB/5CNe0XardvkiWJB4DEp0+5mK6/qIetBpbREY/Hs1ew2Tam0+liLBZbFVtr+OtDQ+HrQ0NhAHwj0LryE/8bFCfO1plnAAAAAElFTkSuQmCC");
+                        }
+                        transform: translate(237, 0) translate(-10, -10);
+                      }
+                    }
+                    transform: translate(1, 1);
+                  }
+                }
+                transform: translate(0, 150) translate(12, 12);
+              }
+              transform {
+                child: container {
+                  container {
+                    transform {
+                      child: transform {
+                        child: container {
+                          rounded-clip {
+                            child: color {
+                              bounds: -1 -1 4 362;
+                              color: rgb(234,232,230);
+                            }
+                            clip: -1 -1 4 362 / 2;
+                          }
+                          border {
+                            colors: rgb(213,208,204);
+                            outline: -1 -1 4 362 / 2;
+                          }
+                          transform {
+                            child: container {
+                              rounded-clip {
+                                child: color {
+                                  bounds: -1 -1 4 182;
+                                  color: rgb(53,132,228);
+                                }
+                                clip: -1 -1 4 182 / 2 2 1.5 1.5;
+                              }
+                              border {
+                                colors: rgb(53,132,228);
+                                outline: -1 -1 4 182 / 2 2 1.5 1.5;
+                              }
+                            }
+                            transform: translate(-1, 0) translate(1, 0);
+                          }
+                        }
+                        transform: translate(1, 1);
+                      }
+                      transform: translate(119, 0);
+                    }
+                    transform {
+                      child: transform {
+                        child: container {
+                          rounded-clip {
+                            child: color {
+                              bounds: -1 -1 4 362;
+                              color: rgb(234,232,230);
+                            }
+                            clip: -1 -1 4 362 / 2;
+                          }
+                          border {
+                            colors: rgb(213,208,204);
+                            outline: -1 -1 4 362 / 2;
+                          }
+                          transform {
+                            child: container {
+                              rounded-clip {
+                                child: color {
+                                  bounds: -1 -1 4 182;
+                                  color: rgb(53,132,228);
+                                }
+                                clip: -1 -1 4 182 / 1.5 1.5 2 2;
+                              }
+                              border {
+                                colors: rgb(53,132,228);
+                                outline: -1 -1 4 182 / 1.5 1.5 2 2;
+                              }
+                            }
+                            transform: translate(-1, 180) translate(1, 0);
+                          }
+                        }
+                        transform: translate(1, 1);
+                      }
+                      transform: translate(129, 0);
+                    }
+                  }
+                  transform {
+                    child: container {
+                      transform {
+                        child: container {
+                          text {
+                            color: rgba(146,149,149,0.55);
+                            font: "Cantarell 11";
+                            glyphs: "50.0";
+                            offset: 26 15;
+                          }
+                          transform {
+                            child: container {
+                              rounded-clip {
+                                child: color {
+                                  bounds: -1 -1 4 310;
+                                  color: rgb(234,232,230);
+                                }
+                                clip: -1 -1 4 310 / 2;
+                              }
+                              border {
+                                colors: rgb(213,208,204);
+                                outline: -1 -1 4 310 / 2;
+                              }
+                              container {
+                                rounded-clip {
+                                  child: color {
+                                    bounds: -1 -1 4 154;
+                                    color: rgb(53,132,228);
+                                  }
+                                  clip: -1 -1 4 154 / 2;
+                                }
+                                border {
+                                  colors: rgb(53,132,228);
+                                  outline: -1 -1 4 154 / 2;
+                                }
+                              }
+                              transform {
+                                child: container {
+                                  rounded-clip {
+                                    child: color {
+                                      bounds: 0 0 18 18;
+                                      color: rgb(246,245,244);
+                                    }
+                                    clip: -1 -1 20 20 / 10;
+                                  }
+                                  border {
+                                    colors: rgb(213,208,204);
+                                    outline: -1 -1 20 20 / 10;
+                                  }
+                                }
+                                transform: translate(0, 151) translate(-8, -8);
+                              }
+                            }
+                            transform: translate(39, 28) translate(1, 1);
+                          }
+                        }
+                        transform: translate(28, 12);
+                      }
+                      transform {
+                        child: container {
+                          text {
+                            color: rgba(146,149,149,0.55);
+                            font: "Cantarell 11";
+                            glyphs: "50.0";
+                            offset: 26 15;
+                          }
+                          transform {
+                            child: container {
+                              rounded-clip {
+                                child: color {
+                                  bounds: -1 -1 4 310;
+                                  color: rgb(250,249,248);
+                                }
+                                clip: -1 -1 4 310 / 2;
+                              }
+                              border {
+                                colors: rgb(213,208,204);
+                                outline: -1 -1 4 310 / 2;
+                              }
+                              transform {
+                                child: container {
+                                  rounded-clip {
+                                    child: color {
+                                      bounds: 0 0 18 18;
+                                      color: rgb(250,249,248);
+                                    }
+                                    clip: -1 -1 20 20 / 10;
+                                  }
+                                  border {
+                                    colors: rgb(213,208,204);
+                                    outline: -1 -1 20 20 / 10;
+                                  }
+                                }
+                                transform: translate(0, 151) translate(-8, -8);
+                              }
+                            }
+                            transform: translate(39, 28) translate(1, 1);
+                          }
+                        }
+                        transform: translate(129, 0) translate(12, 12);
+                      }
+                    }
+                    transform: translate(251, 0);
+                  }
+                }
+                transform: translate(0, 196);
+              }
+            }
+            transform: translate(574, 0);
+          }
+          transform {
+            child: color {
+              bounds: 0 0 1 558;
+              color: rgba(0,0,0,0.1);
+            }
+            transform: translate(1086, 0);
+          }
+          transform {
+            child: container {
+              transform {
+                child: container {
+                  border {
+                    colors: rgb(213,208,204) rgb(255,255,255) rgb(255,255,255) rgb(213,208,204);
+                    outline: -1 -1 114 135;
+                  }
+                  text {
+                    color: rgb(146,149,149);
+                    font: "Cantarell Bold 11";
+                    glyphs: "Inset";
+                    offset: 0 15;
+                  }
+                }
+                transform: translate(1, 1);
+              }
+              transform {
+                child: container {
+                  border {
+                    colors: rgb(255,255,255) rgb(213,208,204) rgb(213,208,204) rgb(255,255,255);
+                    outline: -1 -1 114 135;
+                  }
+                  text {
+                    color: rgb(146,149,149);
+                    font: "Cantarell Bold 11";
+                    glyphs: "Outset";
+                    offset: 0 15;
+                  }
+                }
+                transform: translate(0, 141) translate(1, 1);
+              }
+              transform {
+                child: container {
+                  container {
+                    border {
+                      colors: rgb(213,208,204) rgb(255,255,255) rgb(255,255,255) rgb(213,208,204);
+                      outline: -2 -2 114 135;
+                    }
+                    border {
+                      colors: rgb(255,255,255) rgb(213,208,204) rgb(213,208,204) rgb(255,255,255);
+                      outline: -1 -1 112 133;
+                    }
+                    border {
+                      colors: rgba(0,0,0,0);
+                      outline: -2 -2 114 135;
+                      widths: 2;
+                    }
+                  }
+                  text {
+                    color: rgb(146,149,149);
+                    font: "Cantarell Bold 11";
+                    glyphs: "Groove";
+                    offset: 0 15;
+                  }
+                }
+                transform: translate(0, 282) translate(2, 2);
+              }
+              transform {
+                child: container {
+                  container {
+                    border {
+                      colors: rgb(255,255,255) rgb(213,208,204) rgb(213,208,204) rgb(255,255,255);
+                      outline: -2 -2 114 135;
+                    }
+                    border {
+                      colors: rgb(213,208,204) rgb(255,255,255) rgb(255,255,255) rgb(213,208,204);
+                      outline: -1 -1 112 133;
+                    }
+                    border {
+                      colors: rgba(0,0,0,0);
+                      outline: -2 -2 114 135;
+                      widths: 2;
+                    }
+                  }
+                  text {
+                    color: rgb(146,149,149);
+                    font: "Cantarell Bold 11";
+                    glyphs: "Ridge";
+                    offset: 0 15;
+                  }
+                }
+                transform: translate(0, 423) translate(2, 2);
+              }
+            }
+            transform: translate(1097, 0);
+          }
+          transform {
+            child: color {
+              bounds: 0 0 1 558;
+              color: rgba(0,0,0,0.1);
+            }
+            transform: translate(1221, 0);
+          }
+          transform {
+            child: container {
+              transform {
+                child: container {
+                  border {
+                    colors: rgb(213,208,204);
+                    outline: -1 -1 212 289;
+                  }
+                  color {
+                    bounds: 204 281 6 6;
+                    color: rgb(239,237,236);
+                  }
+                  container {
+                    color {
+                      bounds: 0 0 210 287;
+                      color: rgb(252,252,252);
+                    }
+                    container {
+                      clip {
+                        child: container {
+                          color {
+                            bounds: 0 117 210 195;
+                            color: rgb(252,252,252);
+                          }
+                          color {
+                            bounds: 0 25 42 23;
+                            color: rgb(252,252,252);
+                          }
+                          container {
+                            container {
+                              rounded-clip {
+                                child: color {
+                                  bounds: 13 28 16 16;
+                                  color: rgb(252,252,252);
+                                }
+                                clip: 13 28 16 16 / 3;
+                              }
+                              color {
+                                bounds: 14 29 14 14;
+                                color: rgb(246,245,244);
+                              }
+                            }
+                            border {
+                              colors: rgb(213,208,204);
+                              outline: 13 28 16 16 / 3;
+                            }
+                            color-matrix {
+                              child: texture {
+                                bounds: 14 29 14 14;
+                                texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElEQVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUpYBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAei77LDp72K7jAZx9tAAAAAElFTkSuQmCC");
+                              }
+                              matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                              offset: 0.572549 0.584314 0.584314 0;
+                            }
+                          }
+                          color {
+                            bounds: 42 25 40 23;
+                            color: rgb(252,252,252);
+                          }
+                          color-matrix {
+                            child: texture {
+                              bounds: 54 28 16 16;
+                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA8klEQVQ4jbXSwSrEURTH8Y/YsZiUhfIGnkFJUrKSlIeQJ5AaUlPWdrKUJ9DMwhMQyZKVhSxEg7Lwz1i4f925c/9jSk7dbuee8/3dczqHf7BxbOEcL3jFFeqY/A1exBM6FecZq1XwPD76wOUpMJvCY3gYAO7gCCOpwMaA8CGGc+W3Msmnib+PoYjpErpNkhvhfTf4ewlcw0kscBPBx0l1S4k/hWvf4/2xZiRQYC3XJ6ZxF/Iu48B60kJOZEb3jmzHwVHc9xFZxnsUa2MiLW9O7yIVOAh3+faJlYoWLeBR70jjnyvh0mrYxFkA3nCBnVzZf7Yvt2xyJ4TFGjYAAAAASUVORK5CYII=");
+                            }
+                            matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1);
+                            offset: 0.196078 0.196078 0.196078 0;
+                          }
+                          color {
+                            bounds: 82 25 71 23;
+                            color: rgb(252,252,252);
+                          }
+                          text {
+                            color: rgb(50,50,50);
+                            font: "Cantarell 11";
+                            glyphs: "Andrea";
+                            offset: 86 42;
+                          }
+                          color {
+                            bounds: 153 25 60 23;
+                            color: rgb(252,252,252);
+                          }
+                          text {
+                            color: rgb(50,50,50);
+                            font: "Cantarell 11";
+                            glyphs: "Cimi";
+                            offset: 157 42;
+                          }
+                          color {
+                            bounds: 0 48 42 23;
+                            color: rgb(252,252,252);
+                          }
+                          container {
+                            container {
+                              rounded-clip {
+                                child: color {
+                                  bounds: 13 51 16 16;
+                                  color: rgb(252,252,252);
+                                }
+                                clip: 13 51 16 16 / 3;
+                              }
+                              color {
+                                bounds: 14 52 14 14;
+                                color: rgb(246,245,244);
+                              }
+                            }
+                            border {
+                              colors: rgb(213,208,204);
+                              outline: 13 51 16 16 / 3;
+                            }
+                          }
+                          color {
+                            bounds: 42 48 40 23;
+                            color: rgb(252,252,252);
+                          }
+                          color-matrix {
+                            child: texture {
+                              bounds: 54 51 16 16;
+                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAz0lEQVQ4jbXSTU4CQRAF4A/iFlbKOVywMoRDGLyAe70D4o3kBqz9uQAXICxwcM2wmAY6Y3djjL6kku7qqtevfvgHDPCMd3wFe8MsvBVxhwp1xipMSsm7VsIYw5ZvlyIZZH4+oO3/xBV0Q8Ajeufqi9DHQ+z4SPxSUlBrGnvE9hcEVVxCHPxT1HARLktcJ4JG6GQIljHBPEOwKCh4iS+5Md4EFW3/BpecerDCve+96CZKqEPsOiVrolmS3CpvcFsoC82GPeFVM95tOE8Psv8Ue0ISW4s5Tmr/AAAAAElFTkSuQmCC");
+                            }
+                            matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1);
+                            offset: 0.196078 0.196078 0.196078 0;
+                          }
+                          color {
+                            bounds: 82 48 71 23;
+                            color: rgb(252,252,252);
+                          }
+                          text {
+                            color: rgb(50,50,50);
+                            font: "Cantarell 11";
+                            glyphs: "Otto";
+                            offset: 86 65;
+                          }
+                          color {
+                            bounds: 153 48 60 23;
+                            color: rgb(252,252,252);
+                          }
+                          text {
+                            color: rgb(50,50,50);
+                            font: "Cantarell 11";
+                            glyphs: "chaotic";
+                            offset: 157 65;
+                          }
+                          color {
+                            bounds: 0 71 42 23;
+                            color: rgb(252,252,252);
+                          }
+                          container {
+                            container {
+                              rounded-clip {
+                                child: color {
+                                  bounds: 13 74 16 16;
+                                  color: rgb(252,252,252);
+                                }
+                                clip: 13 74 16 16 / 3;
+                              }
+                              color {
+                                bounds: 14 75 14 14;
+                                color: rgb(246,245,244);
+                              }
+                            }
+                            border {
+                              colors: rgb(213,208,204);
+                              outline: 13 74 16 16 / 3;
+                            }
+                            color-matrix {
+                              child: texture {
+                                bounds: 14 75 14 14;
+                                texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElEQVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUpYBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAei77LDp72K7jAZx9tAAAAAElFTkSuQmCC");
+                              }
+                              matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                              offset: 0.572549 0.584314 0.584314 0;
+                            }
+                          }
+                          color {
+                            bounds: 42 71 40 23;
+                            color: rgb(252,252,252);
+                          }
+                          color-matrix {
+                            child: texture {
+                              bounds: 54 74 16 16;
+                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA/klEQVQ4jaXTzypFURTH8Q9CN2FyXYmRjqmpiZkykoF0n+J6Bxl4CQ/gASTlAZjwApIRMhDiSkd0Dc6W3bHPPcmv1mCv/Vvf/W9t/qmBRG4aHYzhNORecIML5LF5qFTcxjFWcYQnDKKBFjI8hyBMxsX7mAzju8TuhrGMuTJgBnsl4FsCQHHsJYzGgC1MJIxVGsFCDFhLmMrAsmZjQJYwzNcAxmPAZ8KwXgPoxYCrhCHDYh9ANwYcVJg6aFbMXfNz0y1cCucq6QG7uI1yOQ6Rf3fiq6JNN/1+vgZW8BFWfccJHlPb2lC0b68i7hVN1FdN7OBc8Ym6OMM2puqK/6wvIccweWvwsr0AAAAASUVORK5CYII=");
+                            }
+                            matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1);
+                            offset: 0.196078 0.196078 0.196078 0;
+                          }
+                          color {
+                            bounds: 82 71 71 23;
+                            color: rgb(252,252,252);
+                          }
+                          text {
+                            color: rgb(50,50,50);
+                            font: "Cantarell 11";
+                            glyphs: "Orville";
+                            offset: 86 88;
+                          }
+                          color {
+                            bounds: 153 71 60 23;
+                            color: rgb(252,252,252);
+                          }
+                          container {
+                            text {
+                              color: rgb(50,50,50);
+                              font: "Cantarell 11";
+                              glyphs: "Reden";
+                              offset: 157 88;
+                            }
+                            text {
+                              color: rgb(50,50,50);
+                              font: "Cantarell 11";
+                              glyphs: 809 10;
+                              offset: 198 88;
+                            }
+                          }
+                          color {
+                            bounds: 0 94 42 23;
+                            color: rgb(252,252,252);
+                          }
+                          container {
+                            container {
+                              rounded-clip {
+                                child: color {
+                                  bounds: 13 97 16 16;
+                                  color: rgb(252,252,252);
+                                }
+                                clip: 13 97 16 16 / 8;
+                              }
+                              rounded-clip {
+                                child: color {
+                                  bounds: 14 98 14 14;
+                                  color: rgb(246,245,244);
+                                }
+                                clip: 13 97 16 16 / 8;
+                              }
+                            }
+                            border {
+                              colors: rgb(213,208,204);
+                              outline: 13 97 16 16 / 8;
+                            }
+                            color-matrix {
+                              child: texture {
+                                bounds: 14 98 14 14;
+                                texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAASklEQVQokWNgGJmAjYGBoZWBgeERFLcwMDCwEqOxlYGB4T8abiZG42MsGh+iK2LCovE/MWLYNC4iUgwDsDJA/PQQihsZiAyc4QYASeYTs7b/ALUAAAAASUVORK5CYII=");
+                              }
+                              matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
+                              offset: 0.572549 0.584314 0.584314 0;
+                            }
+                          }
+                          color {
+                            bounds: 42 94 40 23;
+                            color: rgb(252,252,252);
+                          }
+                          color-matrix {
+                            child: texture {
+                              bounds: 54 97 16 16;
+                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABT0lEQVQ4jZXTv0vXcRDH8cdXzQQTEZFCUVAU1xZ/LCIYrrVkoTi6NLTpX+DoGrTnkoMgqOjk8hXBhqbAMALTSB1EpDQp/DF874Nvv4hfPTg4uHu+7n13n0+52+01/mAYu/hdov6atWIBS+i4D1iHSXzBRfgnvMWDUnAnfiZgsa+h+iawEhX4fAuc+TuUBwNe4BgHSdEpevG/KL7ACX4E8xw20Y+xRGAzxL8XxVn+FbqwAUeowkBS8Bft+FcUZ/mnMcZuDrPIxUzdmMMytvAL52hAE/owGq86REUOtZjAXixxCD1oxuMQ2MdOXOFj7KQRU9ki67F4hwtkPoMaia1EYv0O8CrOYnRlCl9Xfwh9xXgInSYNjpHHG3wLbjB9wXzSIY8RtMVodWhR+LHySd2HVOARpmNhpUY4w3s8pHC+1JrxEs+i65MQ3cO2qytsZcAlA5qEWoLbkBcAAAAASUVORK5CYII=");
+                            }
+                            matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1);
+                            offset: 0.196078 0.196078 0.196078 0;
+                          }
+                          color {
+                            bounds: 82 94 71 23;
+                            color: rgb(252,252,252);
+                          }
+                          text {
+                            color: rgb(50,50,50);
+                            font: "Cantarell 11";
+                            glyphs: "Benjamin";
+                            offset: 86 111;
+                          }
+                          color {
+                            bounds: 153 94 60 23;
+                            color: rgb(252,252,252);
+                          }
+                          container {
+                            text {
+                              color: rgb(50,50,50);
+                              font: "Cantarell 11";
+                              glyphs: "Comp";
+                              offset: 157 111;
+                            }
+                            text {
+                              color: rgb(50,50,50);
+                              font: "Cantarell 11";
+                              glyphs: 809 10;
+                              offset: 196 111;
+                            }
+                          }
+                        }
+                        clip: 0 25 210 262;
+                      }
+                      clip {
+                        child: container {
+                          transform {
+                            child: container {
+                              color {
+                                bounds: -6 0 42 25;
+                                color: rgb(252,252,252);
+                              }
+                              border {
+                                colors: rgb(246,245,244);
+                                outline: -6 0 42 25;
+                                widths: 0 1 1 0;
+                              }
+                              text {
+                                color: rgb(146,149,149);
+                                font: "Cantarell Bold 11";
+                                glyphs: "Cool";
+                                offset: 0 17;
+                              }
+                            }
+                            transform: translate(6, 0);
+                          }
+                          transform {
+                            child: container {
+                              color {
+                                bounds: -6 0 40 25;
+                                color: rgb(252,252,252);
+                              }
+                              border {
+                                colors: rgb(246,245,244);
+                                outline: -6 0 40 25;
+                                widths: 0 1 1 0;
+                              }
+                              text {
+                                color: rgb(146,149,149);
+                                font: "Cantarell Bold 11";
+                                glyphs: "Icon";
+                                offset: 0 17;
+                              }
+                            }
+                            transform: translate(42, 0) translate(6, 0);
+                          }
+                          transform {
+                            child: container {
+                              color {
+                                bounds: -6 0 71 25;
+                                color: rgb(252,252,252);
+                              }
+                              border {
+                                colors: rgb(246,245,244);
+                                outline: -6 0 71 25;
+                                widths: 0 1 1 0;
+                              }
+                              text {
+                                color: rgb(146,149,149);
+                                font: "Cantarell Bold 11";
+                                glyphs: "Name";
+                                offset: 0 17;
+                              }
+                            }
+                            transform: translate(82, 0) translate(6, 0);
+                          }
+                          transform {
+                            child: container {
+                              color {
+                                bounds: -6 0 60 25;
+                                color: rgb(252,252,252);
+                              }
+                              border {
+                                colors: rgb(246,245,244);
+                                outline: -6 0 60 25;
+                                widths: 0 0 1;
+                              }
+                              text {
+                                color: rgb(146,149,149);
+                                font: "Cantarell Bold 11";
+                                glyphs: "Nick";
+                                offset: 0 17;
+                              }
+                            }
+                            transform: translate(153, 0) translate(6, 0);
+                          }
+                        }
+                        clip: 0 0 210 25;
+                      }
+                    }
+                  }
+                }
+                transform: translate(1, 1);
+              }
+              transform {
+                child: container {
+                  border {
+                    colors: rgb(213,208,204);
+                    outline: -1 -1 212 263;
+                  }
+                  container {
+                    color {
+                      bounds: 0 0 210 261;
+                      color: rgb(252,252,252);
+                    }
+                    clip {
+                      child: container {
+                        color {
+                          bounds: 0 0 210 893;
+                          color: rgb(252,252,252);
+                        }
+                      }
+                      clip: 0 0 210 261;
+                    }
+                  }
+                }
+                transform: translate(0, 295) translate(1, 1);
+              }
+            }
+            transform: translate(1232, 0);
+          }
+        }
+        transform {
+          child: color {
+            bounds: 0 0 1444 1;
+            color: rgba(0,0,0,0.1);
+          }
+          transform: translate(0, 568);
+        }
+        transform {
+          child: container {
+            transform {
+              child: container {
+                border {
+                  colors: rgb(213,208,204);
+                  outline: -1 -1 354 142;
+                }
+                container {
+                  transform {
+                    child: container {
+                      color {
+                        bounds: -1 -1 352 37;
+                        color: rgb(234,232,230);
+                      }
+                      border {
+                        colors: rgb(213,208,204);
+                        outline: -1 -1 352 37;
+                        widths: 0 0 1;
+                      }
+                      transform {
+                        child: container {
+                          transform {
+                            child: text {
+                              color: rgb(146,149,149);
+                              font: "Cantarell Bold 11";
+                              glyphs: "page 3";
+                              offset: 0 20;
+                            }
+                            transform: translate(149, 0) translate(16, 3);
+                          }
+                          transform {
+                            child: text {
+                              color: rgb(146,149,149);
+                              font: "Cantarell Bold 11";
+                              glyphs: "page 2";
+                              offset: 0 20;
+                            }
+                            transform: translate(74, 0) translate(16, 3);
+                          }
+                          transform {
+                            child: container {
+                              inset-shadow {
+                                color: rgb(53,132,228);
+                                dx: 0;
+                                dy: -3;
+                                outline: -12 -3 66 37;
+                              }
+                              text {
+                                color: rgb(146,149,149);
+                                font: "Cantarell Bold 11";
+                                glyphs: "page 1";
+                                offset: 0 20;
+                              }
+                            }
+                            transform: translate(16, 3);
+                          }
+                        }
+                        transform: translate(3, -1);
+                      }
+                    }
+                    transform: translate(1, 1);
+                  }
+                  transform {
+                    child: color {
+                      bounds: 0 0 352 103;
+                      color: rgb(252,252,252);
+                    }
+                    transform: translate(0, 37);
+                  }
+                }
+              }
+              transform: translate(1, 1);
+            }
+            transform {
+              child: container {
+                border {
+                  colors: rgb(213,208,204);
+                  outline: -1 -1 354 142;
+                }
+                container {
+                  color {
+                    bounds: 0 0 285 140;
+                    color: rgb(252,252,252);
+                  }
+                  transform {
+                    child: container {
+                      color {
+                        bounds: -2 -1 67 140;
+                        color: rgb(234,232,230);
+                      }
+                      border {
+                        colors: rgb(213,208,204);
+                        outline: -2 -1 67 140;
+                        widths: 0 0 0 1;
+                      }
+                      transform {
+                        child: container {
+                          transform {
+                            child: text {
+                              color: rgb(146,149,149);
+                              font: "Cantarell Bold 11";
+                              glyphs: "page 3";
+                              offset: 0 20;
+                            }
+                            transform: translate(0, 88) translate(12, 7);
+                          }
+                          transform {
+                            child: text {
+                              color: rgb(146,149,149);
+                              font: "Cantarell Bold 11";
+                              glyphs: "page 2";
+                              offset: 0 20;
+                            }
+                            transform: translate(0, 44) translate(12, 7);
+                          }
+                          transform {
+                            child: container {
+                              inset-shadow {
+                                color: rgb(53,132,228);
+                                dx: 3;
+                                dy: 0;
+                                outline: -12 -3 67 36;
+                              }
+                              text {
+                                color: rgb(146,149,149);
+                                font: "Cantarell Bold 11";
+                                glyphs: "page 1";
+                                offset: 0 20;
+                              }
+                            }
+                            transform: translate(12, 7);
+                          }
+                        }
+                        transform: translate(-2, 3);
+                      }
+                    }
+                    transform: translate(285, 0) translate(2, 1);
+                  }
+                }
+              }
+              transform: translate(364, 0) translate(1, 1);
+            }
+            transform {
+              child: container {
+                border {
+                  colors: rgb(213,208,204);
+                  outline: -1 -1 353 142;
+                }
+                container {
+                  color {
+                    bounds: 0 0 351 103;
+                    color: rgb(252,252,252);
+                  }
+                  transform {
+                    child: container {
+                      color {
+                        bounds: -1 -2 351 37;
+                        color: rgb(234,232,230);
+                      }
+                      border {
+                        colors: rgb(213,208,204);
+                        outline: -1 -2 351 37;
+                        widths: 1 0 0;
+                      }
+                      transform {
+                        child: container {
+                          transform {
+                            child: text {
+                              color: rgb(146,149,149);
+                              font: "Cantarell Bold 11";
+                              glyphs: "page 3";
+                              offset: 0 20;
+                            }
+                            transform: translate(149, 0) translate(16, 4);
+                          }
+                          transform {
+                            child: text {
+                              color: rgb(146,149,149);
+                              font: "Cantarell Bold 11";
+                              glyphs: "page 2";
+                              offset: 0 20;
+                            }
+                            transform: translate(74, 0) translate(16, 4);
+                          }
+                          transform {
+                            child: container {
+                              inset-shadow {
+                                color: rgb(53,132,228);
+                                dx: 0;
+                                dy: 3;
+                                outline: -12 -4 66 37;
+                              }
+                              text {
+                                color: rgb(146,149,149);
+                                font: "Cantarell Bold 11";
+                                glyphs: "page 1";
+                                offset: 0 20;
+                              }
+                            }
+                            transform: translate(16, 4);
+                          }
+                        }
+                        transform: translate(3, -2);
+                      }
+                    }
+                    transform: translate(0, 103) translate(1, 2);
+                  }
+                }
+              }
+              transform: translate(728, 0) translate(1, 1);
+            }
+            transform {
+              child: container {
+                border {
+                  colors: rgb(213,208,204);
+                  outline: -1 -1 353 142;
+                }
+                container {
+                  transform {
+                    child: container {
+                      color {
+                        bounds: -1 -1 67 140;
+                        color: rgb(234,232,230);
+                      }
+                      border {
+                        colors: rgb(213,208,204);
+                        outline: -1 -1 67 140;
+                        widths: 0 1 0 0;
+                      }
+                      transform {
+                        child: container {
+                          transform {
+                            child: text {
+                              color: rgb(146,149,149);
+                              font: "Cantarell Bold 11";
+                              glyphs: "page 3";
+                              offset: 0 20;
+                            }
+                            transform: translate(0, 88) translate(12, 7);
+                          }
+                          transform {
+                            child: text {
+                              color: rgb(146,149,149);
+                              font: "Cantarell Bold 11";
+                              glyphs: "page 2";
+                              offset: 0 20;
+                            }
+                            transform: translate(0, 44) translate(12, 7);
+                          }
+                          transform {
+                            child: container {
+                              inset-shadow {
+                                color: rgb(53,132,228);
+                                dx: -3;
+                                dy: 0;
+                                outline: -12 -3 67 36;
+                              }
+                              text {
+                                color: rgb(146,149,149);
+                                font: "Cantarell Bold 11";
+                                glyphs: "page 1";
+                                offset: 0 20;
+                              }
+                            }
+                            transform: translate(12, 7);
+                          }
+                        }
+                        transform: translate(-1, 3);
+                      }
+                    }
+                    transform: translate(1, 1);
+                  }
+                  transform {
+                    child: color {
+                      bounds: 0 0 284 140;
+                      color: rgb(252,252,252);
+                    }
+                    transform: translate(67, 0);
+                  }
+                }
+              }
+              transform: translate(1091, 0) translate(1, 1);
+            }
+          }
+          transform: translate(0, 579);
+        }
+      }
+      transform: translate(26, 70) translate(10, 10);
+    }
+  }
+  transform: translate(0, 0);
+}
diff --git a/testsuite/gsk/serialize-deserialize.c b/testsuite/gsk/serialize-deserialize.c
deleted file mode 100644 (file)
index 452093c..0000000
+++ /dev/null
@@ -1,58 +0,0 @@
-#include <gtk/gtk.h>
-
-static void
-deserialize_error_func (const GtkCssSection *section,
-                        const GError         *error,
-                        gpointer              user_data)
-{
-  char *section_str = gtk_css_section_to_string (section);
-
-  g_error ("Error at %s: %s", section_str, error->message);
-
-  free (section_str);
-}
-
-int
-main (int argc, char **argv)
-{
-  GError *error = NULL;
-  GskRenderNode *node;
-  GskRenderNode *deserialized;
-  GBytes *bytes;
-  GFile *file;
-
-  g_assert (argc == 2);
-
-  gtk_init ();
-
-  file = g_file_new_for_commandline_arg (argv[1]);
-  bytes = g_file_load_bytes (file, NULL, NULL, &error);
-  g_assert_no_error (error);
-  g_assert (bytes != NULL);
-
-  node = gsk_render_node_deserialize (bytes, deserialize_error_func, NULL);
-  g_assert_no_error (error);
-
-  /* Now serialize */
-  g_bytes_unref (bytes);
-  bytes = gsk_render_node_serialize (node);
-  /* and deserialize again... */
-  deserialized = gsk_render_node_deserialize (bytes, deserialize_error_func, NULL);
-  if (error)
-    g_message ("OUTPUT:\n%.*s", (int)g_bytes_get_size (bytes), (char *)g_bytes_get_data (bytes, NULL));
-
-  g_assert_no_error (error);
-
-  /* And check if that all worked. */
-  g_assert_cmpint (gsk_render_node_get_node_type (deserialized), ==,
-                   gsk_render_node_get_node_type (node));
-
-
-  g_clear_error (&error);
-  g_clear_pointer (&node, gsk_render_node_unref);
-  g_clear_pointer (&deserialized, gsk_render_node_unref);
-  g_bytes_unref (bytes);
-  g_object_unref (file);
-
-  return 0;
-}
diff --git a/testsuite/gsk/serializedeserialize/blend.node b/testsuite/gsk/serializedeserialize/blend.node
deleted file mode 100644 (file)
index 0b228ad..0000000
+++ /dev/null
@@ -1,16 +0,0 @@
-blend {
-  bottom: container { }
-  top: container { }
-}
-
-blend {
-  top: container { }
-  mode: color-dodge;
-  bottom: container { }
-}
-
-blend {
-  top: color { }
-  bottom: color { }
-  mode: difference;
-}
diff --git a/testsuite/gsk/serializedeserialize/border.node b/testsuite/gsk/serializedeserialize/border.node
deleted file mode 100644 (file)
index 89b4903..0000000
+++ /dev/null
@@ -1,5 +0,0 @@
-border {
-  outline: -1 -1 50 26 / 13;
-  widths: 1 1 1 1;
-  colors: rgba(213, 208, 204, 1) rgba(213, 208, 204, 1) rgba(213, 208, 204, 1) rgba(213, 208, 204, 1);
-}
diff --git a/testsuite/gsk/serializedeserialize/color.node b/testsuite/gsk/serializedeserialize/color.node
deleted file mode 100644 (file)
index acbc792..0000000
+++ /dev/null
@@ -1,4 +0,0 @@
-color {
-  bounds: 100 100 200 300;
-  color: red;
-}
diff --git a/testsuite/gsk/serializedeserialize/debug.node b/testsuite/gsk/serializedeserialize/debug.node
deleted file mode 100644 (file)
index cf3c263..0000000
+++ /dev/null
@@ -1,4 +0,0 @@
-debug {
-  message: "I'm a debug node.";
-  child: container {}
-}
diff --git a/testsuite/gsk/serializedeserialize/rounded-rect.node b/testsuite/gsk/serializedeserialize/rounded-rect.node
deleted file mode 100644 (file)
index 5aeeb0b..0000000
+++ /dev/null
@@ -1,83 +0,0 @@
-border {
-  outline: 0 0 100 100;
-}
-
-border {
-  outline: 0 0 100 100 / 100;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 100;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 100 0;
-}
-
-border {
-  outline: 0 0 100 100 / 100 / 50;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 / 50;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 100 / 50;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 100 0 / 50;
-}
-
-border {
-  outline: 0 0 100 100 / 100 / 50 0;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 / 50 0;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 100 / 50 0;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 100 0 / 50 0;
-}
-
-border {
-  outline: 0 0 100 100 / 100 / 50 0 50 0;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 / 50 0 50 0;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 100 / 50 0 50 0;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50 0;
-}
-
-border {
-  outline: 0 0 100 100 / 100 / 50 0 50;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 / 50 0 50;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 100 / 50 0 50;
-}
-
-border {
-  outline: 0 0 100 100 / 100 0 100 0 / 50 0 50;
-}
diff --git a/testsuite/gsk/serializedeserialize/shadow.node b/testsuite/gsk/serializedeserialize/shadow.node
deleted file mode 100644 (file)
index a957ce7..0000000
+++ /dev/null
@@ -1,7 +0,0 @@
-shadow {
-  child: color {
-    bounds: 100 100 100 100;
-    color: green;
-  }
-  shadows: red 10 10 4, blue -10 -10 8;
-}
diff --git a/testsuite/gsk/serializedeserialize/testswitch.node b/testsuite/gsk/serializedeserialize/testswitch.node
deleted file mode 100644 (file)
index 89d884b..0000000
+++ /dev/null
@@ -1,341 +0,0 @@
-transform {
-  child: container {
-    color {
-      bounds: 0 0 404 204;
-      color: rgb(246,245,244);
-    }
-    container {
-      container {
-        transform {
-          child: container {
-            rounded-clip {
-              child: color {
-                bounds: -1 -1 50 26;
-                color: rgb(225,222,219);
-              }
-              clip: -1 -1 50 26 / 13;
-            }
-            border {
-              colors: rgb(205,199,194);
-              outline: -1 -1 50 26 / 13;
-            }
-            container {
-              container {
-                outset-shadow {
-                  color: rgba(0,0,0,0.1);
-                  dx: 0;
-                  outline: -1 -1 26 26 / 13;
-                }
-                outset-shadow {
-                  blur: 2;
-                  color: rgba(0,0,0,0.07);
-                  dx: 0;
-                  outline: -1 -1 26 26 / 13;
-                }
-                rounded-clip {
-                  child: linear-gradient {
-                    bounds: 0 0 24 24;
-                    end: 12 24;
-                    start: 12 0;
-                    stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244);
-                  }
-                  clip: -1 -1 26 26 / 13;
-                }
-                inset-shadow {
-                  color: rgb(255,255,255);
-                  dx: 0;
-                  outline: 0 0 24 24 / 12;
-                }
-              }
-              border {
-                colors: rgb(191,184,177);
-                outline: -1 -1 26 26 / 13;
-              }
-            }
-          }
-          transform: translate(1, 1);
-        }
-        transform {
-          child: text {
-            color: rgb(46,52,54);
-            font: "Cantarell 11";
-            glyphs: "Disabled";
-            offset: 145 18;
-          }
-          transform: translate(56, 0);
-        }
-      }
-      transform {
-        child: container {
-          transform {
-            child: container {
-              rounded-clip {
-                child: color {
-                  bounds: -1 -1 50 26;
-                  color: rgb(53,132,228);
-                }
-                clip: -1 -1 50 26 / 13;
-              }
-              border {
-                colors: rgb(24,95,180);
-                outline: -1 -1 50 26 / 13;
-              }
-              transform {
-                child: container {
-                  container {
-                    outset-shadow {
-                      color: rgba(0,0,0,0.1);
-                      dx: 0;
-                      outline: -1 -1 26 26 / 13;
-                    }
-                    outset-shadow {
-                      blur: 2;
-                      color: rgba(0,0,0,0.07);
-                      dx: 0;
-                      outline: -1 -1 26 26 / 13;
-                    }
-                    rounded-clip {
-                      child: cross-fade {
-                        end: linear-gradient {
-                          bounds: 0 0 24 24;
-                          end: 12 24;
-                          start: 12 0;
-                          stops: 0.1 rgb(255,255,255), 0.9 rgb(255,255,255);
-                        }
-                        progress: 0.756154;
-                        start: cross-fade {
-                          end: linear-gradient {
-                            bounds: 0 0 24 24;
-                            end: 12 24;
-                            start: 12 0;
-                            stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244);
-                          }
-                          progress: 0.788575;
-                          start: color {
-                            bounds: 0 0 24 24;
-                            color: rgb(246,245,244);
-                          }
-                        }
-                      }
-                      clip: -1 -1 26 26 / 13;
-                    }
-                    inset-shadow {
-                      color: rgb(255,255,255);
-                      dx: 0;
-                      outline: 0 0 24 24 / 12;
-                    }
-                  }
-                  border {
-                    colors: rgb(24,95,180);
-                    outline: -1 -1 26 26 / 13;
-                  }
-                }
-                transform: translate(24, 0);
-              }
-            }
-            transform: translate(1, 1);
-          }
-          transform {
-            child: text {
-              color: rgb(46,52,54);
-              font: "Cantarell 11";
-              glyphs: "Enabled";
-              offset: 147 18;
-            }
-            transform: translate(56, 0);
-          }
-        }
-        transform: translate(0, 38);
-      }
-      transform {
-        child: container {
-          transform {
-            child: container {
-              rounded-clip {
-                child: color {
-                  bounds: -1 -1 50 26;
-                  color: rgb(250,249,248);
-                }
-                clip: -1 -1 50 26 / 13;
-              }
-              border {
-                colors: rgb(205,199,194);
-                outline: -1 -1 50 26 / 13;
-              }
-              container {
-                rounded-clip {
-                  child: color {
-                    bounds: 0 0 24 24;
-                    color: rgb(250,249,248);
-                  }
-                  clip: -1 -1 26 26 / 13;
-                }
-                border {
-                  colors: rgb(205,199,194);
-                  outline: -1 -1 26 26 / 13;
-                }
-              }
-            }
-            transform: translate(1, 1);
-          }
-          transform {
-            child: text {
-              color: rgb(46,52,54);
-              font: "Cantarell 11";
-              glyphs: "Disabled";
-              offset: 145 18;
-            }
-            transform: translate(56, 0);
-          }
-        }
-        transform: translate(0, 76);
-      }
-      transform {
-        child: container {
-          transform {
-            child: container {
-              rounded-clip {
-                child: color {
-                  bounds: -1 -1 50 26;
-                  color: rgb(250,249,248);
-                }
-                clip: -1 -1 50 26 / 13;
-              }
-              border {
-                colors: rgb(205,199,194);
-                outline: -1 -1 50 26 / 13;
-              }
-              transform {
-                child: container {
-                  rounded-clip {
-                    child: color {
-                      bounds: 0 0 24 24;
-                      color: rgb(250,249,248);
-                    }
-                    clip: -1 -1 26 26 / 13;
-                  }
-                  border {
-                    colors: rgb(205,199,194);
-                    outline: -1 -1 26 26 / 13;
-                  }
-                }
-                transform: translate(24, 0);
-              }
-            }
-            transform: translate(1, 1);
-          }
-          transform {
-            child: text {
-              color: rgb(46,52,54);
-              font: "Cantarell 11";
-              glyphs: "Enabled";
-              offset: 147 18;
-            }
-            transform: translate(56, 0);
-          }
-        }
-        transform: translate(0, 114);
-      }
-      transform {
-        child: container {
-          transform {
-            child: container {
-              rounded-clip {
-                child: color {
-                  bounds: -1 -1 50 26;
-                  color: rgb(225,222,219);
-                }
-                clip: -1 -1 50 26 / 13;
-              }
-              border {
-                colors: rgb(205,199,194);
-                outline: -1 -1 50 26 / 13;
-              }
-              container {
-                container {
-                  outset-shadow {
-                    color: rgba(0,0,0,0.1);
-                    dx: 0;
-                    outline: -1 -1 26 26 / 13;
-                  }
-                  outset-shadow {
-                    blur: 2;
-                    color: rgba(0,0,0,0.07);
-                    dx: 0;
-                    outline: -1 -1 26 26 / 13;
-                  }
-                  rounded-clip {
-                    child: linear-gradient {
-                      bounds: 0 0 24 24;
-                      end: 12 24;
-                      start: 12 0;
-                      stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244);
-                    }
-                    clip: -1 -1 26 26 / 13;
-                  }
-                  inset-shadow {
-                    color: rgb(255,255,255);
-                    dx: 0;
-                    outline: 0 0 24 24 / 12;
-                  }
-                }
-                border {
-                  colors: rgb(191,184,177);
-                  outline: -1 -1 26 26 / 13;
-                }
-              }
-            }
-            transform: translate(1, 1);
-          }
-          transform {
-            child: text {
-              color: rgb(46,52,54);
-              font: "Cantarell 11";
-              glyphs: "Disabled";
-              offset: 123 18;
-            }
-            transform: translate(78, 0);
-          }
-          transform {
-            child: transform {
-              child: container {
-                container {
-                  outset-shadow {
-                    color: rgba(0,0,0,0.1);
-                    dx: 0;
-                    outline: -1 -1 16 16 / 3;
-                  }
-                  outset-shadow {
-                    blur: 2;
-                    color: rgba(0,0,0,0.07);
-                    dx: 0;
-                    outline: -1 -1 16 16 / 3;
-                  }
-                  linear-gradient {
-                    bounds: 0 0 14 14;
-                    end: 7 14;
-                    start: 7 0;
-                    stops: 0.2 rgb(255,255,255), 0.9 rgb(246,245,244);
-                  }
-                  inset-shadow {
-                    color: rgb(255,255,255);
-                    dx: 0;
-                    outline: 0 0 14 14 / 2;
-                  }
-                }
-                border {
-                  colors: rgb(191,184,177);
-                  outline: -1 -1 16 16 / 3;
-                }
-              }
-              transform: translate(1, 6);
-            }
-            transform: translate(388, 0);
-          }
-        }
-        transform: translate(0, 152);
-      }
-    }
-  }
-  transform: translate(0, 0);
-}
diff --git a/testsuite/gsk/serializedeserialize/widgetfactory.node b/testsuite/gsk/serializedeserialize/widgetfactory.node
deleted file mode 100644 (file)
index 36b5f1b..0000000
+++ /dev/null
@@ -1,2879 +0,0 @@
-transform {
-  child: container {
-    container {
-      outset-shadow {
-        blur: 6;
-        color: rgba(0,0,0,0.2);
-        dx: 0;
-        dy: 2;
-        outline: 26 23 1464 788 / 8 8 0 0;
-        spread: 2;
-      }
-      outset-shadow {
-        color: rgba(0,0,0,0.18);
-        dx: 0;
-        dy: 0;
-        outline: 26 23 1464 788 / 8 8 0 0;
-        spread: 1;
-      }
-    }
-    color {
-      bounds: 26 70 1464 741;
-      color: rgb(246,245,244);
-    }
-    transform {
-      child: container {
-        container {
-          rounded-clip {
-            child: linear-gradient {
-              bounds: -6 0 1464 46;
-              end: -6 23;
-              start: 1458 23;
-              stops: 0.08 rgb(227,234,242), 0.25 rgb(246,245,244);
-            }
-            clip: -6 0 1464 47 / 7 7 0 0;
-          }
-          rounded-clip {
-            child: color-matrix {
-              child: texture {
-                bounds: 1081.2 0 256 256;
-                texture: url("data:image/png;base64,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");
-              }
-              matrix: matrix3d(0.0196078, 0.615686, 0.266667, 0, 0.780392, 0.270588, -0.211765, 0, 0.619608, -0.203922, -0.211765, 0, 0, 0, 0, 0.1);
-              offset: 0.180392 0.203922 0.211765 0;
-            }
-            clip: -6 0 1464 47 / 7 7 0 0;
-          }
-          inset-shadow {
-            color: rgba(255,255,255,0.8);
-            dx: 0;
-            outline: -6 0 1464 46 / 7 7 0 0;
-          }
-        }
-        border {
-          colors: rgb(213,208,204);
-          outline: -6 0 1464 47 / 7 7 0 0;
-          widths: 0 0 1;
-        }
-        transform {
-          child: container {
-            transform {
-              child: container {
-                rounded-clip {
-                  child: color {
-                    bounds: -16 -4 132 32;
-                    color: rgb(228,228,224);
-                  }
-                  clip: -17 -5 133 34 / 5 0 0 5;
-                }
-                border {
-                  colors: rgb(213,208,204);
-                  outline: -17 -5 133 34 / 5 0 0 5;
-                  widths: 1 0 1 1;
-                }
-                transform {
-                  child: text {
-                    color: rgb(46,52,54);
-                    font: "Cantarell 11";
-                    glyphs: "Page 1";
-                    offset: 0 17;
-                  }
-                  transform: translate(28, 0);
-                }
-              }
-              transform: translate(17, 11);
-            }
-            transform {
-              child: container {
-                color {
-                  bounds: -16 -4 132 32;
-                  color: rgb(246,245,244);
-                }
-                border {
-                  colors: rgb(213,208,204);
-                  outline: -17 -5 133 34;
-                  widths: 1 0 1 1;
-                }
-                transform {
-                  child: text {
-                    color: rgb(46,52,54);
-                    font: "Cantarell 11";
-                    glyphs: "Page 2";
-                    offset: 0 17;
-                  }
-                  transform: translate(28, 0);
-                }
-              }
-              transform: translate(133, 0) translate(17, 11);
-            }
-            transform {
-              child: container {
-                rounded-clip {
-                  child: color {
-                    bounds: -16 -4 132 32;
-                    color: rgb(246,245,244);
-                  }
-                  clip: -17 -5 134 34 / 0 5 5 0;
-                }
-                border {
-                  colors: rgb(213,208,204);
-                  outline: -17 -5 134 34 / 0 5 5 0;
-                }
-                transform {
-                  child: text {
-                    color: rgb(46,52,54);
-                    font: "Cantarell 11";
-                    glyphs: "Page 3";
-                    offset: 0 17;
-                  }
-                  transform: translate(28, 0);
-                }
-              }
-              transform: translate(266, 0) translate(17, 11);
-            }
-          }
-          transform: translate(526, 0);
-        }
-        transform {
-          child: container {
-            rounded-clip {
-              child: color {
-                bounds: -5 -4 34 32;
-                color: rgb(246,245,244);
-              }
-              clip: -6 -5 36 34 / 5;
-            }
-            border {
-              colors: rgb(213,208,204);
-              outline: -6 -5 36 34 / 5;
-            }
-            color-matrix {
-              child: texture {
-                bounds: 4 4 16 16;
-                texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAH0lEQVQ4jWNgGPKAEY3/n1R9TNRzy0CB0TAYDQOqAADB/QMKPEUKLAAAAABJRU5ErkJggg==");
-              }
-              matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-              offset: 0.572549 0.584314 0.584314 0;
-            }
-          }
-          transform: translate(1367, 0) translate(6, 11);
-        }
-        transform {
-          child: transform {
-            child: color-matrix {
-              child: texture {
-                bounds: 0 4 16 16;
-                texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAfUlEQVQ4je3RMQoCMRBG4Q+voEIKC/H+d7Cwd1GULSzEUyg2azOyQ1gxB9gHgcnknxdCmJliwAHr1FtiH2d/uUTwHJIVuuj1LYINbklyivqObYuglgx4YDcVXPwQvPFM+1esJgquxjf3qS4tgmM1UJKkaxF8g/m2YvyJmYoPk2IlW2Wofj0AAAAASUVORK5CYII=");
-              }
-              matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-              offset: 0.572549 0.584314 0.584314 0;
-            }
-            transform: translate(7, 0) translate(10, 11);
-          }
-          transform: translate(1409, 0);
-        }
-      }
-      transform: translate(26, 23) translate(6, 0);
-    }
-    transform {
-      child: container {
-        container {
-          container {
-            container {
-              transform {
-                child: container {
-                  rounded-clip {
-                    child: color {
-                      bounds: -9 -1 374 34;
-                      color: rgb(252,252,252);
-                    }
-                    clip: -9 -1 374 34 / 5 0 0 5;
-                  }
-                  border {
-                    colors: rgb(213,208,204);
-                    outline: -9 -1 374 34 / 5 0 0 5;
-                    widths: 1 0 1 1;
-                  }
-                  clip {
-                    child: container {
-                      text {
-                        color: rgb(50,50,50);
-                        font: "Cantarell 11";
-                        glyphs: "comboboxentry";
-                        offset: 0 21;
-                      }
-                      clip {
-                        child: container {
-                          color {
-                            bounds: 0 0 357 32;
-                            color: rgb(53,132,228);
-                          }
-                          text {
-                            color: rgb(252,252,252);
-                            font: "Cantarell 11";
-                            glyphs: "comboboxentry";
-                            offset: 0 21;
-                          }
-                        }
-                        clip: 0 6 101 19;
-                      }
-                    }
-                    clip: 0 0 357 32;
-                  }
-                }
-                transform: translate(9, 1);
-              }
-              transform {
-                child: container {
-                  rounded-clip {
-                    child: color {
-                      bounds: -9 -4 34 32;
-                      color: rgb(246,245,244);
-                    }
-                    clip: -10 -5 36 34 / 0 5 5 0;
-                  }
-                  border {
-                    colors: rgb(213,208,204) rgb(213,208,204) rgb(213,208,204) rgb(53,132,228);
-                    outline: -10 -5 36 34 / 0 5 5 0;
-                  }
-                  color-matrix {
-                    child: texture {
-                      bounds: 0 4 16 16;
-                      texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
-                    }
-                    matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                    offset: 0.572549 0.584314 0.584314 0;
-                  }
-                }
-                transform: translate(374, 0) translate(10, 5);
-              }
-            }
-            transform {
-              child: container {
-                transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -9 -1 374 34;
-                        color: rgb(250,249,248);
-                      }
-                      clip: -9 -1 374 34 / 5 0 0 5;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -9 -1 374 34 / 5 0 0 5;
-                      widths: 1 0 1 1;
-                    }
-                    clip {
-                      child: text {
-                        color: rgb(212,207,202);
-                        font: "Cantarell 11";
-                        glyphs: "comboboxentry";
-                        offset: 0 21;
-                      }
-                      clip: 0 0 357 32;
-                    }
-                  }
-                  transform: translate(9, 1);
-                }
-                transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -9 -4 34 32;
-                        color: rgb(250,249,248);
-                      }
-                      clip: -10 -5 36 34 / 0 5 5 0;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -10 -5 36 34 / 0 5 5 0;
-                    }
-                    color-matrix {
-                      child: texture {
-                        bounds: 0 4 16 16;
-                        texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
-                      }
-                      matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
-                      offset: 0.831373 0.811765 0.792157 0;
-                    }
-                  }
-                  transform: translate(374, 0) translate(10, 5);
-                }
-              }
-              transform: translate(0, 44);
-            }
-            transform {
-              child: container {
-                rounded-clip {
-                  child: color {
-                    bounds: -9 -1 410 34;
-                    color: rgb(252,252,252);
-                  }
-                  clip: -9 -1 410 34 / 5;
-                }
-                border {
-                  colors: rgb(213,208,204);
-                  outline: -9 -1 410 34 / 5;
-                }
-                clip {
-                  child: opacity {
-                    child: text {
-                      color: rgb(50,50,50);
-                      font: "Cantarell 11";
-                      glyphs: "Click icon to change mode";
-                      offset: 0 21;
-                    }
-                    opacity: 0.54902;
-                  }
-                  clip: 0 0 370 32;
-                }
-                transform {
-                  child: color-matrix {
-                    child: texture {
-                      bounds: 0 8 16 16;
-                      texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAyklEQVQ4jc3S3UpCURAF4K8w8ypQA1EfpkcI8SmEEh9STYzQQNCE3sELiQiiLhy1I/ucbl0wDHt+Fmv2DOeGCh4xxic2eIrYVdSM8JNqbmMeyZS9oPnnnUEZr5FY4h63aKCDdeSe8wgGEXxDNaGujvcTRRnsmTuJ5v3Mp5bBRwQbCYK8PwGl8N/hvxIEF4nYAZfhF+HvioqL8BCyVqgl8jVM5ewfrjGLgjW6uAnrOq5xWqSi5XgLeYfU+m+UMvqYYGt3ykP0QuUZ4hei9keg1mtPrwAAAABJRU5ErkJggg==");
-                    }
-                    matrix: matrix3d(-0.454902, 0.152941, -0.188235, 0, 0.305882, -0.192157, -0.666667, 0, 0.145098, -0.666667, -0.666667, 0, 0, 0, 0, 1);
-                    offset: 0.654902 0.666667 0.666667 0;
-                  }
-                  transform: translate(370, 0) translate(6, 0);
-                }
-              }
-              transform: translate(0, 88) translate(9, 1);
-            }
-            transform {
-              child: container {
-                rounded-clip {
-                  child: color {
-                    bounds: -9 -1 410 34;
-                    color: rgb(250,249,248);
-                  }
-                  clip: -9 -1 410 34 / 5;
-                }
-                border {
-                  colors: rgb(213,208,204);
-                  outline: -9 -1 410 34 / 5;
-                }
-                clip {
-                  child: text {
-                    color: rgb(212,207,202);
-                    font: "Cantarell 11";
-                    glyphs: "entry";
-                    offset: 0 21;
-                  }
-                  clip: 0 0 392 32;
-                }
-              }
-              transform: translate(0, 132) translate(9, 1);
-            }
-            transform {
-              child: container {
-                transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -9 -1 374 35;
-                        color: rgb(252,252,252);
-                      }
-                      clip: -9 -1 374 35 / 5 0 0 5;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -9 -1 374 35 / 5 0 0 5;
-                      widths: 1 0 1 1;
-                    }
-                    clip {
-                      child: text {
-                        color: rgb(50,50,50);
-                        font: "Cantarell 11";
-                        glyphs: "entry";
-                        offset: 0 22;
-                      }
-                      clip: 0 0 357 33;
-                    }
-                  }
-                  transform: translate(9, 1);
-                }
-                transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -5 -4 34 33;
-                        color: rgb(246,245,244);
-                      }
-                      clip: -6 -5 36 35 / 0 5 5 0;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -6 -5 36 35 / 0 5 5 0;
-                    }
-                    color-matrix {
-                      child: texture {
-                        bounds: 4 4 16 16;
-                        texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAfUlEQVQ4je3RMQoCMRBG4Q+voEIKC/H+d7Cwd1GULSzEUyg2azOyQ1gxB9gHgcnknxdCmJliwAHr1FtiH2d/uUTwHJIVuuj1LYINbklyivqObYuglgx4YDcVXPwQvPFM+1esJgquxjf3qS4tgmM1UJKkaxF8g/m2YvyJmYoPk2IlW2Wofj0AAAAASUVORK5CYII=");
-                      }
-                      matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                      offset: 0.572549 0.584314 0.584314 0;
-                    }
-                  }
-                  transform: translate(374, 0) translate(6, 5);
-                }
-              }
-              transform: translate(0, 176);
-            }
-            transform {
-              child: container {
-                transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -9 -4 136 32;
-                        color: rgb(246,245,244);
-                      }
-                      clip: -10 -5 137 34 / 5 0 0 5;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -10 -5 137 34 / 5 0 0 5;
-                      widths: 1 0 1 1;
-                    }
-                    container {
-                      text {
-                        color: rgb(146,149,149);
-                        font: "Cantarell 11";
-                        glyphs: "Left";
-                        offset: 2 17;
-                      }
-                      transform {
-                        child: color-matrix {
-                          child: texture {
-                            bounds: 0 4 16 16;
-                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
-                          }
-                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                          offset: 0.572549 0.584314 0.584314 0;
-                        }
-                        transform: translate(102, 0);
-                      }
-                    }
-                  }
-                  transform: translate(10, 5);
-                }
-                transform {
-                  child: transform {
-                    child: container {
-                      color {
-                        bounds: -9 -4 135 32;
-                        color: rgb(246,245,244);
-                      }
-                      border {
-                        colors: rgb(213,208,204);
-                        outline: -10 -5 136 34;
-                        widths: 1 0 1 1;
-                      }
-                      container {
-                        text {
-                          color: rgb(146,149,149);
-                          font: "Cantarell 11";
-                          glyphs: "Middle";
-                          offset: 2 17;
-                        }
-                        transform {
-                          child: color-matrix {
-                            child: texture {
-                              bounds: 0 4 16 16;
-                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
-                            }
-                            matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                            offset: 0.572549 0.584314 0.584314 0;
-                          }
-                          transform: translate(101, 0);
-                        }
-                      }
-                    }
-                    transform: translate(10, 5);
-                  }
-                  transform: translate(137, 0);
-                }
-                transform {
-                  child: transform {
-                    child: container {
-                      rounded-clip {
-                        child: color {
-                          bounds: -9 -4 135 32;
-                          color: rgb(246,245,244);
-                        }
-                        clip: -10 -5 137 34 / 0 5 5 0;
-                      }
-                      border {
-                        colors: rgb(213,208,204);
-                        outline: -10 -5 137 34 / 0 5 5 0;
-                      }
-                      container {
-                        text {
-                          color: rgb(146,149,149);
-                          font: "Cantarell 11";
-                          glyphs: "Right";
-                          offset: 2 17;
-                        }
-                        transform {
-                          child: color-matrix {
-                            child: texture {
-                              bounds: 0 4 16 16;
-                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
-                            }
-                            matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                            offset: 0.572549 0.584314 0.584314 0;
-                          }
-                          transform: translate(101, 0);
-                        }
-                      }
-                    }
-                    transform: translate(10, 5);
-                  }
-                  transform: translate(273, 0);
-                }
-              }
-              transform: translate(0, 221);
-            }
-            transform {
-              child: container {
-                text {
-                  color: rgb(146,149,149);
-                  font: "Cantarell 11";
-                  glyphs: "label";
-                  offset: 0 22;
-                }
-                transform {
-                  child: text {
-                    color: rgb(212,207,202);
-                    font: "Cantarell 11";
-                    glyphs: "label";
-                    offset: 0 22;
-                  }
-                  transform: translate(52, 0);
-                }
-                transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -1 -1 112 34;
-                        color: rgb(252,252,252);
-                      }
-                      clip: -1 -1 112 34 / 5;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -1 -1 112 34 / 5;
-                    }
-                    container {
-                      transform {
-                        child: text {
-                          color: rgb(50,50,50);
-                          font: "Cantarell 11";
-                          glyphs: "50";
-                          offset: 0 15;
-                        }
-                        transform: translate(6, 6);
-                      }
-                      transform {
-                        child: container {
-                          border {
-                            colors: rgba(213,208,204,0.3);
-                            outline: -6 0 35 32;
-                            widths: 0 0 0 1;
-                          }
-                          color-matrix {
-                            child: texture {
-                              bounds: 4 8 16 16;
-                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAHElEQVQ4jWNgGAXDADCi8f+Tqo+Jem4ZBUMYAABDXwEEvj+CVwAAAABJRU5ErkJggg==");
-                            }
-                            matrix: matrix3d(-0.454902, 0.152941, -0.188235, 0, 0.305882, -0.192157, -0.666667, 0, 0.145098, -0.666667, -0.666667, 0, 0, 0, 0, 1);
-                            offset: 0.654902 0.666667 0.666667 0;
-                          }
-                        }
-                        transform: translate(40, 0) translate(6, 0);
-                      }
-                      transform {
-                        child: container {
-                          border {
-                            colors: rgba(213,208,204,0.3);
-                            outline: -6 0 35 32 / 0 5 5 0;
-                            widths: 0 0 0 1;
-                          }
-                          color-matrix {
-                            child: texture {
-                              bounds: 4 8 16 16;
-                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAKElEQVQ4jWNgGPbgPxTjBEyU2jDwBjCi8fH6F5s+il1ACIyEWBgGAADypgUMy1PhdwAAAABJRU5ErkJggg==");
-                            }
-                            matrix: matrix3d(-0.454902, 0.152941, -0.188235, 0, 0.305882, -0.192157, -0.666667, 0, 0.145098, -0.666667, -0.666667, 0, 0, 0, 0, 1);
-                            offset: 0.654902 0.666667 0.666667 0;
-                          }
-                        }
-                        transform: translate(75, 0) translate(6, 0);
-                      }
-                    }
-                  }
-                  transform: translate(104, 0) translate(1, 1);
-                }
-                transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -1 -1 112 34;
-                        color: rgb(250,249,248);
-                      }
-                      clip: -1 -1 112 34 / 5;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -1 -1 112 34 / 5;
-                    }
-                    container {
-                      transform {
-                        child: text {
-                          color: rgb(212,207,202);
-                          font: "Cantarell 11";
-                          glyphs: "0";
-                          offset: 0 15;
-                        }
-                        transform: translate(6, 6);
-                      }
-                      transform {
-                        child: container {
-                          color {
-                            bounds: -5 0 34 32;
-                            color: rgb(250,249,248);
-                          }
-                          border {
-                            colors: rgba(213,208,204,0.3);
-                            outline: -6 0 35 32;
-                            widths: 0 0 0 1;
-                          }
-                          color-matrix {
-                            child: texture {
-                              bounds: 4 8 16 16;
-                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAHElEQVQ4jWNgGAXDADCi8f+Tqo+Jem4ZBUMYAABDXwEEvj+CVwAAAABJRU5ErkJggg==");
-                            }
-                            matrix: matrix3d(-0.454902, 0.152941, -0.188235, 0, 0.305882, -0.192157, -0.666667, 0, 0.145098, -0.666667, -0.666667, 0, 0, 0, 0, 0.5);
-                            offset: 0.654902 0.666667 0.666667 0;
-                          }
-                        }
-                        transform: translate(40, 0) translate(6, 0);
-                      }
-                      transform {
-                        child: container {
-                          rounded-clip {
-                            child: color {
-                              bounds: -5 0 34 32;
-                              color: rgb(250,249,248);
-                            }
-                            clip: -6 0 35 32 / 0 5 5 0;
-                          }
-                          border {
-                            colors: rgba(213,208,204,0.3);
-                            outline: -6 0 35 32 / 0 5 5 0;
-                            widths: 0 0 0 1;
-                          }
-                          color-matrix {
-                            child: texture {
-                              bounds: 4 8 16 16;
-                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAKElEQVQ4jWNgGPbgPxTjBEyU2jDwBjCi8fH6F5s+il1ACIyEWBgGAADypgUMy1PhdwAAAABJRU5ErkJggg==");
-                            }
-                            matrix: matrix3d(-0.454902, 0.152941, -0.188235, 0, 0.305882, -0.192157, -0.666667, 0, 0.145098, -0.666667, -0.666667, 0, 0, 0, 0, 0.5);
-                            offset: 0.654902 0.666667 0.666667 0;
-                          }
-                        }
-                        transform: translate(75, 0) translate(6, 0);
-                      }
-                    }
-                  }
-                  transform: translate(236, 0) translate(1, 1);
-                }
-              }
-              transform: translate(0, 265);
-            }
-            transform {
-              child: container {
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        color {
-                          bounds: 0 0 14 14;
-                          color: rgb(246,245,244);
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 3;
-                        }
-                        color-matrix {
-                          child: texture {
-                            bounds: 0 0 14 14;
-                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElEQVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUpYBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAei77LDp72K7jAZx9tAAAAAElFTkSuQmCC");
-                          }
-                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                          offset: 0.572549 0.584314 0.584314 0;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(146,149,149);
-                        font: "Cantarell 11";
-                        glyphs: "checkbutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(0, 2);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        color {
-                          bounds: 0 0 14 14;
-                          color: rgb(246,245,244);
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 3;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(146,149,149);
-                        font: "Cantarell 11";
-                        glyphs: "checkbutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(0, 29) translate(0, 2);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        color {
-                          bounds: 0 0 14 14;
-                          color: rgb(246,245,244);
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 3;
-                        }
-                        color-matrix {
-                          child: texture {
-                            bounds: 0 0 14 14;
-                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlEQVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4GmjkhFgCAAAAAElFTkSuQmCC");
-                          }
-                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                          offset: 0.572549 0.584314 0.584314 0;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(146,149,149);
-                        font: "Cantarell 11";
-                        glyphs: "checkbutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(0, 58) translate(0, 2);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        color {
-                          bounds: 0 0 14 14;
-                          color: rgb(250,249,248);
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 3;
-                        }
-                        color-matrix {
-                          child: texture {
-                            bounds: 0 0 14 14;
-                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElEQVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUpYBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAei77LDp72K7jAZx9tAAAAAElFTkSuQmCC");
-                          }
-                          matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
-                          offset: 0.831373 0.811765 0.792157 0;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(212,207,202);
-                        font: "Cantarell 11";
-                        glyphs: "checkbutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(0, 87) translate(0, 2);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        color {
-                          bounds: 0 0 14 14;
-                          color: rgb(250,249,248);
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 3;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(212,207,202);
-                        font: "Cantarell 11";
-                        glyphs: "checkbutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(0, 116) translate(0, 2);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        color {
-                          bounds: 0 0 14 14;
-                          color: rgb(250,249,248);
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 3;
-                        }
-                        color-matrix {
-                          child: texture {
-                            bounds: 0 0 14 14;
-                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlEQVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4GmjkhFgCAAAAAElFTkSuQmCC");
-                          }
-                          matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
-                          offset: 0.831373 0.811765 0.792157 0;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(212,207,202);
-                        font: "Cantarell 11";
-                        glyphs: "checkbutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(0, 145) translate(0, 2);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        rounded-clip {
-                          child: color {
-                            bounds: 0 0 14 14;
-                            color: rgb(246,245,244);
-                          }
-                          clip: -1 -1 16 16 / 8;
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 8;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(146,149,149);
-                        font: "Cantarell 11";
-                        glyphs: "radiobutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(125, 0) translate(0, 2);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        rounded-clip {
-                          child: color {
-                            bounds: 0 0 14 14;
-                            color: rgb(246,245,244);
-                          }
-                          clip: -1 -1 16 16 / 8;
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 8;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(146,149,149);
-                        font: "Cantarell 11";
-                        glyphs: "radiobutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(125, 29) translate(0, 2);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        rounded-clip {
-                          child: color {
-                            bounds: 0 0 14 14;
-                            color: rgb(246,245,244);
-                          }
-                          clip: -1 -1 16 16 / 8;
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 8;
-                        }
-                        color-matrix {
-                          child: texture {
-                            bounds: 0 0 14 14;
-                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlEQVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4GmjkhFgCAAAAAElFTkSuQmCC");
-                          }
-                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                          offset: 0.572549 0.584314 0.584314 0;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(146,149,149);
-                        font: "Cantarell 11";
-                        glyphs: "radiobutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(125, 58) translate(0, 2);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        rounded-clip {
-                          child: color {
-                            bounds: 0 0 14 14;
-                            color: rgb(250,249,248);
-                          }
-                          clip: -1 -1 16 16 / 8;
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 8;
-                        }
-                        color-matrix {
-                          child: texture {
-                            bounds: 0 0 14 14;
-                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAASklEQVQokWNgGJmAjYGBoZWBgeERFLcwMDCwEqOxlYGB4T8abiZG42MsGh+iK2LCovE/MWLYNC4iUgwDsDJA/PQQihsZiAyc4QYASeYTs7b/ALUAAAAASUVORK5CYII=");
-                          }
-                          matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
-                          offset: 0.831373 0.811765 0.792157 0;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(212,207,202);
-                        font: "Cantarell 11";
-                        glyphs: "radiobutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(125, 87) translate(0, 2);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        rounded-clip {
-                          child: color {
-                            bounds: 0 0 14 14;
-                            color: rgb(250,249,248);
-                          }
-                          clip: -1 -1 16 16 / 8;
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 8;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(212,207,202);
-                        font: "Cantarell 11";
-                        glyphs: "radiobutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(125, 116) translate(0, 2);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: container {
-                        rounded-clip {
-                          child: color {
-                            bounds: 0 0 14 14;
-                            color: rgb(250,249,248);
-                          }
-                          clip: -1 -1 16 16 / 8;
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 16 16 / 8;
-                        }
-                        color-matrix {
-                          child: texture {
-                            bounds: 0 0 14 14;
-                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAOUlEQVQokWNgGAVEAW8GBoYnDAwM/3HgxwwMDF7YND7GowmGH8EUM1HDqV4EbH3EwMDgSQ2Lhj0AABu4GmjkhFgCAAAAAElFTkSuQmCC");
-                          }
-                          matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
-                          offset: 0.831373 0.811765 0.792157 0;
-                        }
-                      }
-                      transform: translate(5, 2);
-                    }
-                    transform {
-                      child: text {
-                        color: rgb(212,207,202);
-                        font: "Cantarell 11";
-                        glyphs: "radiobutton";
-                        offset: 0 15;
-                      }
-                      transform: translate(24, 0);
-                    }
-                  }
-                  transform: translate(125, 145) translate(0, 2);
-                }
-                transform {
-                  child: color-matrix {
-                    child: transform {
-                      child: texture {
-                        bounds: 0 3.5 16 16;
-                        texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABE0lEQVQ4jbXSPy9DURjH8U9bSqhEmog/A6PFJGGRCInRZrQZTN6B1XsysJgMRklJDRYGtVBtWkRr6HObG2muRuJJbnJynvP9nt9zc/iHKuEIZ3jEFeaHhbfwgO6P73AYeAftAfANFn+Dp1FLQffYx8yw0Y9T8B3mMs6OoYh8evMSnRDsZcCFkJf1fraRaCygFevzDEE3JBMYRSMR1CPaVwYsYk/Fup1swC2e0MBGhqAcgtlI0hecxjgNHKRuSVcRKyHJi5EL0axiNxodrEWiFsaxhE1MBvOOCjq51A3rOMFrSNp4RhMv+AhhHRfR6yeg9+4rWE0J8sjhLQTNgGsJlE6QVAnbWI65mzFOFdf4HMD8vb4BZVRHF0lPimAAAAAASUVORK5CYII=");
-                      }
-                      transform: translate(8, 11.5) rotate(323.944) translate(-8, -11.5);
-                    }
-                    matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                    offset: 0.572549 0.584314 0.584314 0;
-                  }
-                  transform: translate(247, 0);
-                }
-                transform {
-                  child: opacity {
-                    child: color-matrix {
-                      child: transform {
-                        child: texture {
-                          bounds: 0 3.5 16 16;
-                          texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABE0lEQVQ4jbXSPy9DURjH8U9bSqhEmog/A6PFJGGRCInRZrQZTN6B1XsysJgMRklJDRYGtVBtWkRr6HObG2muRuJJbnJynvP9nt9zc/iHKuEIZ3jEFeaHhbfwgO6P73AYeAftAfANFn+Dp1FLQffYx8yw0Y9T8B3mMs6OoYh8evMSnRDsZcCFkJf1fraRaCygFevzDEE3JBMYRSMR1CPaVwYsYk/Fup1swC2e0MBGhqAcgtlI0hecxjgNHKRuSVcRKyHJi5EL0axiNxodrEWiFsaxhE1MBvOOCjq51A3rOMFrSNp4RhMv+AhhHRfR6yeg9+4rWE0J8sjhLQTNgGsJlE6QVAnbWI65mzFOFdf4HMD8vb4BZVRHF0lPimAAAAAASUVORK5CYII=");
-                        }
-                        transform: translate(8, 11.5) rotate(323.944) translate(-8, -11.5);
-                      }
-                      matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 0.5);
-                      offset: 0.572549 0.584314 0.584314 0;
-                    }
-                    opacity: 0.501961;
-                  }
-                  transform: translate(247, 87);
-                }
-              }
-              transform: translate(0, 309);
-            }
-          }
-          transform {
-            child: color {
-              bounds: 0 0 1 558;
-              color: rgba(0,0,0,0.1);
-            }
-            transform: translate(420, 0);
-          }
-          transform {
-            child: container {
-              transform {
-                child: container {
-                  rounded-clip {
-                    child: color {
-                      bounds: -16 -4 120 32;
-                      color: rgb(246,245,244);
-                    }
-                    clip: -17 -5 122 34 / 5;
-                  }
-                  border {
-                    colors: rgb(213,208,204);
-                    outline: -17 -5 122 34 / 5;
-                  }
-                  text {
-                    color: rgb(146,149,149);
-                    font: "Cantarell 11";
-                    glyphs: "togglebutton";
-                    offset: 2 17;
-                  }
-                }
-                transform: translate(17, 5);
-              }
-              transform {
-                child: container {
-                  rounded-clip {
-                    child: color {
-                      bounds: -16 -4 120 32;
-                      color: rgb(250,249,248);
-                    }
-                    clip: -17 -5 122 34 / 5;
-                  }
-                  border {
-                    colors: rgb(213,208,204);
-                    outline: -17 -5 122 34 / 5;
-                  }
-                  text {
-                    color: rgb(212,207,202);
-                    font: "Cantarell 11";
-                    glyphs: "togglebutton";
-                    offset: 2 17;
-                  }
-                }
-                transform: translate(0, 44) translate(17, 5);
-              }
-              transform {
-                child: container {
-                  rounded-clip {
-                    child: color {
-                      bounds: -16 -4 120 32;
-                      color: rgb(228,228,224);
-                    }
-                    clip: -17 -5 122 34 / 5;
-                  }
-                  border {
-                    colors: rgb(213,208,204);
-                    outline: -17 -5 122 34 / 5;
-                  }
-                  text {
-                    color: rgb(146,149,149);
-                    font: "Cantarell 11";
-                    glyphs: "togglebutton";
-                    offset: 2 17;
-                  }
-                }
-                transform: translate(0, 88) translate(17, 5);
-              }
-              transform {
-                child: container {
-                  rounded-clip {
-                    child: color {
-                      bounds: -16 -4 120 32;
-                      color: rgb(228,228,224);
-                    }
-                    clip: -17 -5 122 34 / 5;
-                  }
-                  border {
-                    colors: rgb(213,208,204);
-                    outline: -17 -5 122 34 / 5;
-                  }
-                  text {
-                    color: rgb(212,207,202);
-                    font: "Cantarell 11";
-                    glyphs: "togglebutton";
-                    offset: 2 17;
-                  }
-                }
-                transform: translate(0, 132) translate(17, 5);
-              }
-              transform {
-                child: transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -9 -4 120 32;
-                        color: rgb(246,245,244);
-                      }
-                      clip: -10 -5 122 34 / 5;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -10 -5 122 34 / 5;
-                    }
-                    container {
-                      text {
-                        color: rgb(146,149,149);
-                        font: "Cantarell 11";
-                        glyphs: "Andrea";
-                        offset: 2 17;
-                      }
-                      transform {
-                        child: color-matrix {
-                          child: texture {
-                            bounds: 0 4 16 16;
-                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
-                          }
-                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                          offset: 0.572549 0.584314 0.584314 0;
-                        }
-                        transform: translate(86, 0);
-                      }
-                    }
-                  }
-                  transform: translate(10, 5);
-                }
-                transform: translate(0, 176);
-              }
-              transform {
-                child: transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -9 -4 120 32;
-                        color: rgb(250,249,248);
-                      }
-                      clip: -10 -5 122 34 / 5;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -10 -5 122 34 / 5;
-                    }
-                    container {
-                      text {
-                        color: rgb(212,207,202);
-                        font: "Cantarell 11";
-                        glyphs: "Otto";
-                        offset: 2 17;
-                      }
-                      transform {
-                        child: color-matrix {
-                          child: texture {
-                            bounds: 0 4 16 16;
-                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAOklEQVQ4jWNgGAWDD5QzMDD8J4DrKTGEoGZ8hhCtGZshODUz4zHgKAMDAyMDA8NBBgaGRlJtHwUkAACHZRnQomjWaAAAAABJRU5ErkJggg==");
-                          }
-                          matrix: matrix3d(-0.631373, 0.00784314, -0.313726, 0, 0.129412, -0.337255, -0.792157, 0, -0.0313726, -0.811765, -0.792157, 0, 0, 0, 0, 0.5);
-                          offset: 0.831373 0.811765 0.792157 0;
-                        }
-                        transform: translate(86, 0);
-                      }
-                    }
-                  }
-                  transform: translate(10, 5);
-                }
-                transform: translate(0, 220);
-              }
-              transform {
-                child: transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -9 -4 120 32;
-                        color: rgb(246,245,244);
-                      }
-                      clip: -10 -5 122 34 / 5;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -10 -5 122 34 / 5;
-                    }
-                    container {
-                      text {
-                        color: rgb(146,149,149);
-                        font: "Cantarell 11";
-                        glyphs: "Sans Regular";
-                        offset: 0 17;
-                      }
-                      transform {
-                        child: transform {
-                          child: text {
-                            color: rgb(146,149,149);
-                            font: "Cantarell Bold 11";
-                            glyphs: "12";
-                            offset: 0 17;
-                          }
-                          transform: translate(1, 0);
-                        }
-                        transform: translate(86, 0);
-                      }
-                    }
-                  }
-                  transform: translate(10, 5);
-                }
-                transform: translate(0, 264);
-              }
-              transform {
-                child: transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -4 -4 120 32;
-                        color: rgb(246,245,244);
-                      }
-                      clip: -5 -5 122 34 / 5;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -5 -5 122 34 / 5;
-                    }
-                    container {
-                      color {
-                        bounds: 0 0 112 24;
-                        color: rgb(49,104,160);
-                      }
-                      transform {
-                        child: border {
-                          colors: rgba(0,0,0,0.3);
-                          outline: -1 -1 112 24;
-                        }
-                        transform: translate(1, 1);
-                      }
-                    }
-                  }
-                  transform: translate(5, 5);
-                }
-                transform: translate(0, 308);
-              }
-              transform {
-                child: transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -9 -4 120 32;
-                        color: rgb(246,245,244);
-                      }
-                      clip: -10 -5 122 34 / 5;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -10 -5 122 34 / 5;
-                    }
-                    container {
-                      transform {
-                        child: text {
-                          color: rgb(146,149,149);
-                          font: "Cantarell 11";
-                          glyphs: "(None)";
-                          offset: 0 17;
-                        }
-                        transform: translate(16, 0);
-                      }
-                      transform {
-                        child: color-matrix {
-                          child: texture {
-                            bounds: 0 4 16 16;
-                            texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAeUlEQVQ4jcWTQQqAIBBFn9HV6i4uOmaL7hF1hVbZRkF0tMmCPnwYdeahH4RcM+AEH4AV+jNJw8EnMGkBpf0MsiRDd4AAsdKBFhAywSTN8doIkBgGYLpKk0qvAVB+s0q9AHuk/zP4BLD7uiXIFWD0Re0TSd6Aof3uXhd1yT8mvMGiQgAAAABJRU5ErkJggg==");
-                          }
-                          matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                          offset: 0.572549 0.584314 0.584314 0;
-                        }
-                        transform: translate(86, 0);
-                      }
-                    }
-                  }
-                  transform: translate(10, 5);
-                }
-                transform: translate(0, 352);
-              }
-              transform {
-                child: container {
-                  text {
-                    color: rgb(53,132,228);
-                    font: "Cantarell 11";
-                    glyphs: "link button";
-                    offset: 10 17;
-                  }
-                  color {
-                    bounds: 10 19 68 1;
-                    color: rgb(53,132,228);
-                  }
-                }
-                transform: translate(0, 396) translate(17, 5);
-              }
-              transform {
-                child: container {
-                  rounded-clip {
-                    child: color {
-                      bounds: -1 -1 50 26;
-                      color: rgb(234,232,230);
-                    }
-                    clip: -1 -1 50 26 / 13;
-                  }
-                  border {
-                    colors: rgb(213,208,204);
-                    outline: -1 -1 50 26 / 13;
-                  }
-                  container {
-                    rounded-clip {
-                      child: color {
-                        bounds: 0 0 24 24;
-                        color: rgb(246,245,244);
-                      }
-                      clip: -1 -1 26 26 / 13;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -1 -1 26 26 / 13;
-                    }
-                  }
-                }
-                transform: translate(0, 440) translate(37, 1);
-              }
-              transform {
-                child: container {
-                  rounded-clip {
-                    child: color {
-                      bounds: -1 -1 50 26;
-                      color: rgb(250,249,248);
-                    }
-                    clip: -1 -1 50 26 / 13;
-                  }
-                  border {
-                    colors: rgb(213,208,204);
-                    outline: -1 -1 50 26 / 13;
-                  }
-                  container {
-                    rounded-clip {
-                      child: color {
-                        bounds: 0 0 24 24;
-                        color: rgb(250,249,248);
-                      }
-                      clip: -1 -1 26 26 / 13;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -1 -1 26 26 / 13;
-                    }
-                  }
-                }
-                transform: translate(0, 476) translate(37, 1);
-              }
-            }
-            transform: translate(431, 0);
-          }
-          transform {
-            child: color {
-              bounds: 0 0 1 558;
-              color: rgba(0,0,0,0.1);
-            }
-            transform: translate(563, 0);
-          }
-          transform {
-            child: container {
-              container {
-                transform {
-                  child: container {
-                    rounded-clip {
-                      child: color {
-                        bounds: -1 -1 502 4;
-                        color: rgb(234,232,230);
-                      }
-                      clip: -1 -1 502 4 / 2;
-                    }
-                    border {
-                      colors: rgb(213,208,204);
-                      outline: -1 -1 502 4 / 2;
-                    }
-                    transform {
-                      child: container {
-                        rounded-clip {
-                          child: color {
-                            bounds: -1 -1 252 4;
-                            color: rgb(53,132,228);
-                          }
-                          clip: -1 -1 252 4 / 2 1.5 1.5 2;
-                        }
-                        border {
-                          colors: rgb(53,132,228);
-                          outline: -1 -1 252 4 / 2 1.5 1.5 2;
-                        }
-                      }
-                      transform: translate(0, -1) translate(0, 1);
-                    }
-                  }
-                  transform: translate(1, 1);
-                }
-                transform {
-                  child: transform {
-                    child: container {
-                      rounded-clip {
-                        child: color {
-                          bounds: -1 -1 502 4;
-                          color: rgb(234,232,230);
-                        }
-                        clip: -1 -1 502 4 / 2;
-                      }
-                      border {
-                        colors: rgb(213,208,204);
-                        outline: -1 -1 502 4 / 2;
-                      }
-                      transform {
-                        child: container {
-                          rounded-clip {
-                            child: color {
-                              bounds: -1 -1 252 4;
-                              color: rgb(53,132,228);
-                            }
-                            clip: -1 -1 252 4 / 1.5 2 2 1.5;
-                          }
-                          border {
-                            colors: rgb(53,132,228);
-                            outline: -1 -1 252 4 / 1.5 2 2 1.5;
-                          }
-                        }
-                        transform: translate(250, -1) translate(0, 1);
-                      }
-                    }
-                    transform: translate(1, 1);
-                  }
-                  transform: translate(0, 10);
-                }
-                transform {
-                  child: container {
-                    transform {
-                      child: text {
-                        color: rgba(46,52,54,0.4);
-                        font: "Cantarell 9.1669921875";
-                        glyphs: "50", 859 1, "%";
-                        offset: 0 13;
-                      }
-                      transform: translate(237, 0);
-                    }
-                    transform {
-                      child: container {
-                        rounded-clip {
-                          child: color {
-                            bounds: -1 -1 502 4;
-                            color: rgb(234,232,230);
-                          }
-                          clip: -1 -1 502 4 / 2;
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 502 4 / 2;
-                        }
-                        transform {
-                          child: container {
-                            rounded-clip {
-                              child: color {
-                                bounds: -1 -1 102 4;
-                                color: rgb(53,132,228);
-                              }
-                              clip: -1 -1 102 4 / 1.5;
-                            }
-                            border {
-                              colors: rgb(53,132,228);
-                              outline: -1 -1 102 4 / 1.5;
-                            }
-                          }
-                          transform: translate(43, -1) translate(0, 1);
-                        }
-                      }
-                      transform: translate(0, 16) translate(1, 1);
-                    }
-                  }
-                  transform: translate(0, 20);
-                }
-                transform {
-                  child: transform {
-                    child: container {
-                      rounded-clip {
-                        child: color {
-                          bounds: -3 -3 502 9;
-                          color: rgb(252,252,252);
-                        }
-                        clip: -3 -3 502 9 / 3;
-                      }
-                      border {
-                        colors: rgb(213,208,204);
-                        outline: -3 -3 502 9 / 3;
-                      }
-                      transform {
-                        child: border {
-                          colors: rgba(146,149,149,0.15);
-                          outline: -1 -1 496 3 / 1;
-                        }
-                        transform: translate(1, 1);
-                      }
-                      transform {
-                        child: container {
-                          rounded-clip {
-                            child: color {
-                              bounds: -1 -1 297 3;
-                              color: rgb(53,132,228);
-                            }
-                            clip: -1 -1 297 3 / 1;
-                          }
-                          border {
-                            colors: rgb(53,132,228);
-                            outline: -1 -1 297 3 / 1;
-                          }
-                        }
-                        transform: translate(1, 1);
-                      }
-                    }
-                    transform: translate(3, 3);
-                  }
-                  transform: translate(0, 46);
-                }
-                transform {
-                  child: transform {
-                    child: container {
-                      rounded-clip {
-                        child: color {
-                          bounds: -3 -3 502 9;
-                          color: rgb(252,252,252);
-                        }
-                        clip: -3 -3 502 9 / 3;
-                      }
-                      border {
-                        colors: rgb(213,208,204);
-                        outline: -3 -3 502 9 / 3;
-                      }
-                      transform {
-                        child: container {
-                          rounded-clip {
-                            child: color {
-                              bounds: -1 -1 97 3;
-                              color: rgb(53,132,228);
-                            }
-                            clip: -1 -1 97 3 / 1;
-                          }
-                          border {
-                            colors: rgb(53,132,228);
-                            outline: -1 -1 97 3 / 1;
-                          }
-                        }
-                        transform: translate(2, 1);
-                      }
-                      transform {
-                        child: container {
-                          rounded-clip {
-                            child: color {
-                              bounds: -1 -1 97 3;
-                              color: rgb(53,132,228);
-                            }
-                            clip: -1 -1 97 3 / 1;
-                          }
-                          border {
-                            colors: rgb(53,132,228);
-                            outline: -1 -1 97 3 / 1;
-                          }
-                        }
-                        transform: translate(99, 0) translate(2, 1);
-                      }
-                      transform {
-                        child: border {
-                          colors: rgba(146,149,149,0.15);
-                          outline: -1 -1 97 3 / 1;
-                        }
-                        transform: translate(198, 0) translate(2, 1);
-                      }
-                      transform {
-                        child: border {
-                          colors: rgba(146,149,149,0.15);
-                          outline: -1 -1 97 3 / 1;
-                        }
-                        transform: translate(297, 0) translate(2, 1);
-                      }
-                      transform {
-                        child: border {
-                          colors: rgba(146,149,149,0.15);
-                          outline: -1 -1 97 3 / 1;
-                        }
-                        transform: translate(396, 0) translate(2, 1);
-                      }
-                    }
-                    transform: translate(3, 3);
-                  }
-                  transform: translate(0, 61);
-                }
-              }
-              transform {
-                child: container {
-                  transform {
-                    child: transform {
-                      child: container {
-                        rounded-clip {
-                          child: color {
-                            bounds: -1 -1 478 4;
-                            color: rgb(234,232,230);
-                          }
-                          clip: -1 -1 478 4 / 2;
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 478 4 / 2;
-                        }
-                        container {
-                          rounded-clip {
-                            child: color {
-                              bounds: -1 -1 237 4;
-                              color: rgb(53,132,228);
-                            }
-                            clip: -1 -1 237 4 / 2;
-                          }
-                          border {
-                            colors: rgb(53,132,228);
-                            outline: -1 -1 237 4 / 2;
-                          }
-                        }
-                        transform {
-                          child: container {
-                            rounded-clip {
-                              child: color {
-                                bounds: 0 0 18 18;
-                                color: rgb(246,245,244);
-                              }
-                              clip: -1 -1 20 20 / 10;
-                            }
-                            border {
-                              colors: rgb(213,208,204);
-                              outline: -1 -1 20 20 / 10;
-                            }
-                          }
-                          transform: translate(234, 0) translate(-8, -8);
-                        }
-                      }
-                      transform: translate(0, 3) translate(1, 1);
-                    }
-                    transform: translate(12, 12);
-                  }
-                  transform {
-                    child: transform {
-                      child: container {
-                        rounded-clip {
-                          child: color {
-                            bounds: -1 -1 478 4;
-                            color: rgb(250,249,248);
-                          }
-                          clip: -1 -1 478 4 / 2;
-                        }
-                        border {
-                          colors: rgb(213,208,204);
-                          outline: -1 -1 478 4 / 2;
-                        }
-                        transform {
-                          child: container {
-                            rounded-clip {
-                              child: color {
-                                bounds: 0 0 18 18;
-                                color: rgb(250,249,248);
-                              }
-                              clip: -1 -1 20 20 / 10;
-                            }
-                            border {
-                              colors: rgb(213,208,204);
-                              outline: -1 -1 20 20 / 10;
-                            }
-                          }
-                          transform: translate(234, 0) translate(-8, -8);
-                        }
-                      }
-                      transform: translate(0, 3) translate(1, 1);
-                    }
-                    transform: translate(0, 34) translate(12, 12);
-                  }
-                }
-                transform: translate(0, 76);
-              }
-              transform {
-                child: container {
-                  transform {
-                    child: container {
-                      transform {
-                        child: color {
-                          bounds: 0 0 1 6;
-                          color: rgba(146,149,149,0.55);
-                        }
-                        transform: translate(2, 0);
-                      }
-                      transform {
-                        child: color {
-                          bounds: 0 0 1 6;
-                          color: rgba(146,149,149,0.55);
-                        }
-                        transform: translate(120, 0);
-                      }
-                      transform {
-                        child: color {
-                          bounds: 0 0 1 6;
-                          color: rgba(146,149,149,0.55);
-                        }
-                        transform: translate(239, 0);
-                      }
-                      transform {
-                        child: color {
-                          bounds: 0 0 1 6;
-                          color: rgba(146,149,149,0.55);
-                        }
-                        transform: translate(357, 0);
-                      }
-                      transform {
-                        child: color {
-                          bounds: 0 0 1 6;
-                          color: rgba(146,149,149,0.55);
-                        }
-                        transform: translate(476, 0);
-                      }
-                    }
-                    transform: translate(0, 4) translate(0, 6);
-                  }
-                  transform {
-                    child: container {
-                      rounded-clip {
-                        child: color {
-                          bounds: -1 -1 478 4;
-                          color: rgb(234,232,230);
-                        }
-                        clip: -1 -1 478 4 / 2;
-                      }
-                      border {
-                        colors: rgb(213,208,204);
-                        outline: -1 -1 478 4 / 2;
-                      }
-                      transform {
-                        child: texture {
-                          bounds: 1 1 20 25;
-                          texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAABmJLR0QA/wD/AP+gvaeTAAAC6ElEQVQ4jaXVy2sTQRwH8O/sI81mUrfd3ZYYUBGiZJu2eLCiiDQSUEFUTPWkR1MQjXgwei0UFGkRBf8EH4i09GTQdOOjqJv0oKKllcYoPTSXShrjbkqTGA+akEZTa/M9LfP48JuZ3R2Cv4f3+nx9Bw8cOOV2u3dRSlsB4LtppqenpmKR8fG7zzRtFEC+diKpbfB6vScuXLx4WxRF20ans5kKAjieBwDk83mYpolUKpVdzGSMm7dunZ94+nSkej5b9cwEg8EbZ/r7B1W3u9XpdDYJVitYlgUhBIQQcCwLwWpFW1tbkyzL9s7OzsOiKLZNxuMRAKUV4Llg8MZxvz+gqiptsljq7ETVnvA8FEWxtLe3dzVv2KBMxuOPK+C+/fv7AoHAoKqqlGWYf2KVJRECSZIskix3fUkmp+fm5mYIAH5kbGxuR3e3w2azrRmrjmGaePP27fxJv38L4/X5/KIo0vViAEBtNrS2tDT39vYeZwP9/Vd39fR0C1brukEA4DmuaWl5mWNUj2d3I9VVqqQUno6O3Yyd0hae4xoGOY4DtdslBqUSAfnj/V5XCCFgDMNIF/J/fEH/nUKhAMMwFpmPMzOTZi7XMGiaJqY/fNCZiKbdT6VS2UbB+VQqq2naA0Z78uRhJpPJNVJlzjTxLZtdikajoyyA4teFhfkOj+eQoigW5j8PqFgsYmZ21hgeHj775fPndywAJJPJ9w6HY6uiKG5Zlvm1kiUAs4mE+Sgcvnf/zp1rQNXf5tXLl2FVVfcIguCUZdnyL/Q3lovp+vPBgYHTAH6sAAH8GI9EHrhcrh5qt2+WJYkndZZfrkx//frFlVDoGIBCuY+tHRuNRh+6XK6d9dAyFtf1icuh0FHUXAO1YAXdtn17D6V0UzVaApBIJHJxXZ8IXbp0pBarB/5CNe0XardvkiWJB4DEp0+5mK6/qIetBpbREY/Hs1ew2Tam0+liLBZbFVtr+OtDQ+HrQ0NhAHwj0LryE/8bFCfO1plnAAAAAElFTkSuQmCC");
-                        }
-                        transform: translate(237, 0) translate(-10, -10);
-                      }
-                    }
-                    transform: translate(1, 1);
-                  }
-                }
-                transform: translate(0, 150) translate(12, 12);
-              }
-              transform {
-                child: container {
-                  container {
-                    transform {
-                      child: transform {
-                        child: container {
-                          rounded-clip {
-                            child: color {
-                              bounds: -1 -1 4 362;
-                              color: rgb(234,232,230);
-                            }
-                            clip: -1 -1 4 362 / 2;
-                          }
-                          border {
-                            colors: rgb(213,208,204);
-                            outline: -1 -1 4 362 / 2;
-                          }
-                          transform {
-                            child: container {
-                              rounded-clip {
-                                child: color {
-                                  bounds: -1 -1 4 182;
-                                  color: rgb(53,132,228);
-                                }
-                                clip: -1 -1 4 182 / 2 2 1.5 1.5;
-                              }
-                              border {
-                                colors: rgb(53,132,228);
-                                outline: -1 -1 4 182 / 2 2 1.5 1.5;
-                              }
-                            }
-                            transform: translate(-1, 0) translate(1, 0);
-                          }
-                        }
-                        transform: translate(1, 1);
-                      }
-                      transform: translate(119, 0);
-                    }
-                    transform {
-                      child: transform {
-                        child: container {
-                          rounded-clip {
-                            child: color {
-                              bounds: -1 -1 4 362;
-                              color: rgb(234,232,230);
-                            }
-                            clip: -1 -1 4 362 / 2;
-                          }
-                          border {
-                            colors: rgb(213,208,204);
-                            outline: -1 -1 4 362 / 2;
-                          }
-                          transform {
-                            child: container {
-                              rounded-clip {
-                                child: color {
-                                  bounds: -1 -1 4 182;
-                                  color: rgb(53,132,228);
-                                }
-                                clip: -1 -1 4 182 / 1.5 1.5 2 2;
-                              }
-                              border {
-                                colors: rgb(53,132,228);
-                                outline: -1 -1 4 182 / 1.5 1.5 2 2;
-                              }
-                            }
-                            transform: translate(-1, 180) translate(1, 0);
-                          }
-                        }
-                        transform: translate(1, 1);
-                      }
-                      transform: translate(129, 0);
-                    }
-                  }
-                  transform {
-                    child: container {
-                      transform {
-                        child: container {
-                          text {
-                            color: rgba(146,149,149,0.55);
-                            font: "Cantarell 11";
-                            glyphs: "50.0";
-                            offset: 26 15;
-                          }
-                          transform {
-                            child: container {
-                              rounded-clip {
-                                child: color {
-                                  bounds: -1 -1 4 310;
-                                  color: rgb(234,232,230);
-                                }
-                                clip: -1 -1 4 310 / 2;
-                              }
-                              border {
-                                colors: rgb(213,208,204);
-                                outline: -1 -1 4 310 / 2;
-                              }
-                              container {
-                                rounded-clip {
-                                  child: color {
-                                    bounds: -1 -1 4 154;
-                                    color: rgb(53,132,228);
-                                  }
-                                  clip: -1 -1 4 154 / 2;
-                                }
-                                border {
-                                  colors: rgb(53,132,228);
-                                  outline: -1 -1 4 154 / 2;
-                                }
-                              }
-                              transform {
-                                child: container {
-                                  rounded-clip {
-                                    child: color {
-                                      bounds: 0 0 18 18;
-                                      color: rgb(246,245,244);
-                                    }
-                                    clip: -1 -1 20 20 / 10;
-                                  }
-                                  border {
-                                    colors: rgb(213,208,204);
-                                    outline: -1 -1 20 20 / 10;
-                                  }
-                                }
-                                transform: translate(0, 151) translate(-8, -8);
-                              }
-                            }
-                            transform: translate(39, 28) translate(1, 1);
-                          }
-                        }
-                        transform: translate(28, 12);
-                      }
-                      transform {
-                        child: container {
-                          text {
-                            color: rgba(146,149,149,0.55);
-                            font: "Cantarell 11";
-                            glyphs: "50.0";
-                            offset: 26 15;
-                          }
-                          transform {
-                            child: container {
-                              rounded-clip {
-                                child: color {
-                                  bounds: -1 -1 4 310;
-                                  color: rgb(250,249,248);
-                                }
-                                clip: -1 -1 4 310 / 2;
-                              }
-                              border {
-                                colors: rgb(213,208,204);
-                                outline: -1 -1 4 310 / 2;
-                              }
-                              transform {
-                                child: container {
-                                  rounded-clip {
-                                    child: color {
-                                      bounds: 0 0 18 18;
-                                      color: rgb(250,249,248);
-                                    }
-                                    clip: -1 -1 20 20 / 10;
-                                  }
-                                  border {
-                                    colors: rgb(213,208,204);
-                                    outline: -1 -1 20 20 / 10;
-                                  }
-                                }
-                                transform: translate(0, 151) translate(-8, -8);
-                              }
-                            }
-                            transform: translate(39, 28) translate(1, 1);
-                          }
-                        }
-                        transform: translate(129, 0) translate(12, 12);
-                      }
-                    }
-                    transform: translate(251, 0);
-                  }
-                }
-                transform: translate(0, 196);
-              }
-            }
-            transform: translate(574, 0);
-          }
-          transform {
-            child: color {
-              bounds: 0 0 1 558;
-              color: rgba(0,0,0,0.1);
-            }
-            transform: translate(1086, 0);
-          }
-          transform {
-            child: container {
-              transform {
-                child: container {
-                  border {
-                    colors: rgb(213,208,204) rgb(255,255,255) rgb(255,255,255) rgb(213,208,204);
-                    outline: -1 -1 114 135;
-                  }
-                  text {
-                    color: rgb(146,149,149);
-                    font: "Cantarell Bold 11";
-                    glyphs: "Inset";
-                    offset: 0 15;
-                  }
-                }
-                transform: translate(1, 1);
-              }
-              transform {
-                child: container {
-                  border {
-                    colors: rgb(255,255,255) rgb(213,208,204) rgb(213,208,204) rgb(255,255,255);
-                    outline: -1 -1 114 135;
-                  }
-                  text {
-                    color: rgb(146,149,149);
-                    font: "Cantarell Bold 11";
-                    glyphs: "Outset";
-                    offset: 0 15;
-                  }
-                }
-                transform: translate(0, 141) translate(1, 1);
-              }
-              transform {
-                child: container {
-                  container {
-                    border {
-                      colors: rgb(213,208,204) rgb(255,255,255) rgb(255,255,255) rgb(213,208,204);
-                      outline: -2 -2 114 135;
-                    }
-                    border {
-                      colors: rgb(255,255,255) rgb(213,208,204) rgb(213,208,204) rgb(255,255,255);
-                      outline: -1 -1 112 133;
-                    }
-                    border {
-                      colors: rgba(0,0,0,0);
-                      outline: -2 -2 114 135;
-                      widths: 2;
-                    }
-                  }
-                  text {
-                    color: rgb(146,149,149);
-                    font: "Cantarell Bold 11";
-                    glyphs: "Groove";
-                    offset: 0 15;
-                  }
-                }
-                transform: translate(0, 282) translate(2, 2);
-              }
-              transform {
-                child: container {
-                  container {
-                    border {
-                      colors: rgb(255,255,255) rgb(213,208,204) rgb(213,208,204) rgb(255,255,255);
-                      outline: -2 -2 114 135;
-                    }
-                    border {
-                      colors: rgb(213,208,204) rgb(255,255,255) rgb(255,255,255) rgb(213,208,204);
-                      outline: -1 -1 112 133;
-                    }
-                    border {
-                      colors: rgba(0,0,0,0);
-                      outline: -2 -2 114 135;
-                      widths: 2;
-                    }
-                  }
-                  text {
-                    color: rgb(146,149,149);
-                    font: "Cantarell Bold 11";
-                    glyphs: "Ridge";
-                    offset: 0 15;
-                  }
-                }
-                transform: translate(0, 423) translate(2, 2);
-              }
-            }
-            transform: translate(1097, 0);
-          }
-          transform {
-            child: color {
-              bounds: 0 0 1 558;
-              color: rgba(0,0,0,0.1);
-            }
-            transform: translate(1221, 0);
-          }
-          transform {
-            child: container {
-              transform {
-                child: container {
-                  border {
-                    colors: rgb(213,208,204);
-                    outline: -1 -1 212 289;
-                  }
-                  color {
-                    bounds: 204 281 6 6;
-                    color: rgb(239,237,236);
-                  }
-                  container {
-                    color {
-                      bounds: 0 0 210 287;
-                      color: rgb(252,252,252);
-                    }
-                    container {
-                      clip {
-                        child: container {
-                          color {
-                            bounds: 0 117 210 195;
-                            color: rgb(252,252,252);
-                          }
-                          color {
-                            bounds: 0 25 42 23;
-                            color: rgb(252,252,252);
-                          }
-                          container {
-                            container {
-                              rounded-clip {
-                                child: color {
-                                  bounds: 13 28 16 16;
-                                  color: rgb(252,252,252);
-                                }
-                                clip: 13 28 16 16 / 3;
-                              }
-                              color {
-                                bounds: 14 29 14 14;
-                                color: rgb(246,245,244);
-                              }
-                            }
-                            border {
-                              colors: rgb(213,208,204);
-                              outline: 13 28 16 16 / 3;
-                            }
-                            color-matrix {
-                              child: texture {
-                                bounds: 14 29 14 14;
-                                texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElEQVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUpYBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAei77LDp72K7jAZx9tAAAAAElFTkSuQmCC");
-                              }
-                              matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                              offset: 0.572549 0.584314 0.584314 0;
-                            }
-                          }
-                          color {
-                            bounds: 42 25 40 23;
-                            color: rgb(252,252,252);
-                          }
-                          color-matrix {
-                            child: texture {
-                              bounds: 54 28 16 16;
-                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA8klEQVQ4jbXSwSrEURTH8Y/YsZiUhfIGnkFJUrKSlIeQJ5AaUlPWdrKUJ9DMwhMQyZKVhSxEg7Lwz1i4f925c/9jSk7dbuee8/3dczqHf7BxbOEcL3jFFeqY/A1exBM6FecZq1XwPD76wOUpMJvCY3gYAO7gCCOpwMaA8CGGc+W3Msmnib+PoYjpErpNkhvhfTf4ewlcw0kscBPBx0l1S4k/hWvf4/2xZiRQYC3XJ6ZxF/Iu48B60kJOZEb3jmzHwVHc9xFZxnsUa2MiLW9O7yIVOAh3+faJlYoWLeBR70jjnyvh0mrYxFkA3nCBnVzZf7Yvt2xyJ4TFGjYAAAAASUVORK5CYII=");
-                            }
-                            matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1);
-                            offset: 0.196078 0.196078 0.196078 0;
-                          }
-                          color {
-                            bounds: 82 25 71 23;
-                            color: rgb(252,252,252);
-                          }
-                          text {
-                            color: rgb(50,50,50);
-                            font: "Cantarell 11";
-                            glyphs: "Andrea";
-                            offset: 86 42;
-                          }
-                          color {
-                            bounds: 153 25 60 23;
-                            color: rgb(252,252,252);
-                          }
-                          text {
-                            color: rgb(50,50,50);
-                            font: "Cantarell 11";
-                            glyphs: "Cimi";
-                            offset: 157 42;
-                          }
-                          color {
-                            bounds: 0 48 42 23;
-                            color: rgb(252,252,252);
-                          }
-                          container {
-                            container {
-                              rounded-clip {
-                                child: color {
-                                  bounds: 13 51 16 16;
-                                  color: rgb(252,252,252);
-                                }
-                                clip: 13 51 16 16 / 3;
-                              }
-                              color {
-                                bounds: 14 52 14 14;
-                                color: rgb(246,245,244);
-                              }
-                            }
-                            border {
-                              colors: rgb(213,208,204);
-                              outline: 13 51 16 16 / 3;
-                            }
-                          }
-                          color {
-                            bounds: 42 48 40 23;
-                            color: rgb(252,252,252);
-                          }
-                          color-matrix {
-                            child: texture {
-                              bounds: 54 51 16 16;
-                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAz0lEQVQ4jbXSTU4CQRAF4A/iFlbKOVywMoRDGLyAe70D4o3kBqz9uQAXICxwcM2wmAY6Y3djjL6kku7qqtevfvgHDPCMd3wFe8MsvBVxhwp1xipMSsm7VsIYw5ZvlyIZZH4+oO3/xBV0Q8Ajeufqi9DHQ+z4SPxSUlBrGnvE9hcEVVxCHPxT1HARLktcJ4JG6GQIljHBPEOwKCh4iS+5Md4EFW3/BpecerDCve+96CZKqEPsOiVrolmS3CpvcFsoC82GPeFVM95tOE8Psv8Ue0ISW4s5Tmr/AAAAAElFTkSuQmCC");
-                            }
-                            matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1);
-                            offset: 0.196078 0.196078 0.196078 0;
-                          }
-                          color {
-                            bounds: 82 48 71 23;
-                            color: rgb(252,252,252);
-                          }
-                          text {
-                            color: rgb(50,50,50);
-                            font: "Cantarell 11";
-                            glyphs: "Otto";
-                            offset: 86 65;
-                          }
-                          color {
-                            bounds: 153 48 60 23;
-                            color: rgb(252,252,252);
-                          }
-                          text {
-                            color: rgb(50,50,50);
-                            font: "Cantarell 11";
-                            glyphs: "chaotic";
-                            offset: 157 65;
-                          }
-                          color {
-                            bounds: 0 71 42 23;
-                            color: rgb(252,252,252);
-                          }
-                          container {
-                            container {
-                              rounded-clip {
-                                child: color {
-                                  bounds: 13 74 16 16;
-                                  color: rgb(252,252,252);
-                                }
-                                clip: 13 74 16 16 / 3;
-                              }
-                              color {
-                                bounds: 14 75 14 14;
-                                color: rgb(246,245,244);
-                              }
-                            }
-                            border {
-                              colors: rgb(213,208,204);
-                              outline: 13 74 16 16 / 3;
-                            }
-                            color-matrix {
-                              child: texture {
-                                bounds: 14 75 14 14;
-                                texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAAeElEQVQokb3QXwpAQBDH8e9uzscRXEXyJFE8KFoXcxheVm1j0Cp+tQ87M5/2D/yc8g2qgC0GGKDzSIUpYBXUB+gEC19cAmyAQaAmRJloOiABJlGv5WnWD4dDq9i32tuOa41i+FiT719Gw/MT0rDj/Mu3sUAei77LDp72K7jAZx9tAAAAAElFTkSuQmCC");
-                              }
-                              matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                              offset: 0.572549 0.584314 0.584314 0;
-                            }
-                          }
-                          color {
-                            bounds: 42 71 40 23;
-                            color: rgb(252,252,252);
-                          }
-                          color-matrix {
-                            child: texture {
-                              bounds: 54 74 16 16;
-                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA/klEQVQ4jaXTzypFURTH8Q9CN2FyXYmRjqmpiZkykoF0n+J6Bxl4CQ/gASTlAZjwApIRMhDiSkd0Dc6W3bHPPcmv1mCv/Vvf/W9t/qmBRG4aHYzhNORecIML5LF5qFTcxjFWcYQnDKKBFjI8hyBMxsX7mAzju8TuhrGMuTJgBnsl4FsCQHHsJYzGgC1MJIxVGsFCDFhLmMrAsmZjQJYwzNcAxmPAZ8KwXgPoxYCrhCHDYh9ANwYcVJg6aFbMXfNz0y1cCucq6QG7uI1yOQ6Rf3fiq6JNN/1+vgZW8BFWfccJHlPb2lC0b68i7hVN1FdN7OBc8Ym6OMM2puqK/6wvIccweWvwsr0AAAAASUVORK5CYII=");
-                            }
-                            matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1);
-                            offset: 0.196078 0.196078 0.196078 0;
-                          }
-                          color {
-                            bounds: 82 71 71 23;
-                            color: rgb(252,252,252);
-                          }
-                          text {
-                            color: rgb(50,50,50);
-                            font: "Cantarell 11";
-                            glyphs: "Orville";
-                            offset: 86 88;
-                          }
-                          color {
-                            bounds: 153 71 60 23;
-                            color: rgb(252,252,252);
-                          }
-                          container {
-                            text {
-                              color: rgb(50,50,50);
-                              font: "Cantarell 11";
-                              glyphs: "Reden";
-                              offset: 157 88;
-                            }
-                            text {
-                              color: rgb(50,50,50);
-                              font: "Cantarell 11";
-                              glyphs: 809 10;
-                              offset: 198 88;
-                            }
-                          }
-                          color {
-                            bounds: 0 94 42 23;
-                            color: rgb(252,252,252);
-                          }
-                          container {
-                            container {
-                              rounded-clip {
-                                child: color {
-                                  bounds: 13 97 16 16;
-                                  color: rgb(252,252,252);
-                                }
-                                clip: 13 97 16 16 / 8;
-                              }
-                              rounded-clip {
-                                child: color {
-                                  bounds: 14 98 14 14;
-                                  color: rgb(246,245,244);
-                                }
-                                clip: 13 97 16 16 / 8;
-                              }
-                            }
-                            border {
-                              colors: rgb(213,208,204);
-                              outline: 13 97 16 16 / 8;
-                            }
-                            color-matrix {
-                              child: texture {
-                                bounds: 14 98 14 14;
-                                texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAASklEQVQokWNgGJmAjYGBoZWBgeERFLcwMDCwEqOxlYGB4T8abiZG42MsGh+iK2LCovE/MWLYNC4iUgwDsDJA/PQQihsZiAyc4QYASeYTs7b/ALUAAAAASUVORK5CYII=");
-                              }
-                              matrix: matrix3d(-0.372549, 0.235294, -0.105882, 0, 0.388235, -0.109804, -0.584314, 0, 0.227451, -0.584314, -0.584314, 0, 0, 0, 0, 1);
-                              offset: 0.572549 0.584314 0.584314 0;
-                            }
-                          }
-                          color {
-                            bounds: 42 94 40 23;
-                            color: rgb(252,252,252);
-                          }
-                          color-matrix {
-                            child: texture {
-                              bounds: 54 97 16 16;
-                              texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABT0lEQVQ4jZXTv0vXcRDH8cdXzQQTEZFCUVAU1xZ/LCIYrrVkoTi6NLTpX+DoGrTnkoMgqOjk8hXBhqbAMALTSB1EpDQp/DF874Nvv4hfPTg4uHu+7n13n0+52+01/mAYu/hdov6atWIBS+i4D1iHSXzBRfgnvMWDUnAnfiZgsa+h+iawEhX4fAuc+TuUBwNe4BgHSdEpevG/KL7ACX4E8xw20Y+xRGAzxL8XxVn+FbqwAUeowkBS8Bft+FcUZ/mnMcZuDrPIxUzdmMMytvAL52hAE/owGq86REUOtZjAXixxCD1oxuMQ2MdOXOFj7KQRU9ki67F4hwtkPoMaia1EYv0O8CrOYnRlCl9Xfwh9xXgInSYNjpHHG3wLbjB9wXzSIY8RtMVodWhR+LHySd2HVOARpmNhpUY4w3s8pHC+1JrxEs+i65MQ3cO2qytsZcAlA5qEWoLbkBcAAAAASUVORK5CYII=");
-                            }
-                            matrix: matrix3d(0.00392157, 0.623529, 0.282353, 0, 0.764706, 0.278431, -0.196078, 0, 0.603922, -0.196078, -0.196078, 0, 0, 0, 0, 1);
-                            offset: 0.196078 0.196078 0.196078 0;
-                          }
-                          color {
-                            bounds: 82 94 71 23;
-                            color: rgb(252,252,252);
-                          }
-                          text {
-                            color: rgb(50,50,50);
-                            font: "Cantarell 11";
-                            glyphs: "Benjamin";
-                            offset: 86 111;
-                          }
-                          color {
-                            bounds: 153 94 60 23;
-                            color: rgb(252,252,252);
-                          }
-                          container {
-                            text {
-                              color: rgb(50,50,50);
-                              font: "Cantarell 11";
-                              glyphs: "Comp";
-                              offset: 157 111;
-                            }
-                            text {
-                              color: rgb(50,50,50);
-                              font: "Cantarell 11";
-                              glyphs: 809 10;
-                              offset: 196 111;
-                            }
-                          }
-                        }
-                        clip: 0 25 210 262;
-                      }
-                      clip {
-                        child: container {
-                          transform {
-                            child: container {
-                              color {
-                                bounds: -6 0 42 25;
-                                color: rgb(252,252,252);
-                              }
-                              border {
-                                colors: rgb(246,245,244);
-                                outline: -6 0 42 25;
-                                widths: 0 1 1 0;
-                              }
-                              text {
-                                color: rgb(146,149,149);
-                                font: "Cantarell Bold 11";
-                                glyphs: "Cool";
-                                offset: 0 17;
-                              }
-                            }
-                            transform: translate(6, 0);
-                          }
-                          transform {
-                            child: container {
-                              color {
-                                bounds: -6 0 40 25;
-                                color: rgb(252,252,252);
-                              }
-                              border {
-                                colors: rgb(246,245,244);
-                                outline: -6 0 40 25;
-                                widths: 0 1 1 0;
-                              }
-                              text {
-                                color: rgb(146,149,149);
-                                font: "Cantarell Bold 11";
-                                glyphs: "Icon";
-                                offset: 0 17;
-                              }
-                            }
-                            transform: translate(42, 0) translate(6, 0);
-                          }
-                          transform {
-                            child: container {
-                              color {
-                                bounds: -6 0 71 25;
-                                color: rgb(252,252,252);
-                              }
-                              border {
-                                colors: rgb(246,245,244);
-                                outline: -6 0 71 25;
-                                widths: 0 1 1 0;
-                              }
-                              text {
-                                color: rgb(146,149,149);
-                                font: "Cantarell Bold 11";
-                                glyphs: "Name";
-                                offset: 0 17;
-                              }
-                            }
-                            transform: translate(82, 0) translate(6, 0);
-                          }
-                          transform {
-                            child: container {
-                              color {
-                                bounds: -6 0 60 25;
-                                color: rgb(252,252,252);
-                              }
-                              border {
-                                colors: rgb(246,245,244);
-                                outline: -6 0 60 25;
-                                widths: 0 0 1;
-                              }
-                              text {
-                                color: rgb(146,149,149);
-                                font: "Cantarell Bold 11";
-                                glyphs: "Nick";
-                                offset: 0 17;
-                              }
-                            }
-                            transform: translate(153, 0) translate(6, 0);
-                          }
-                        }
-                        clip: 0 0 210 25;
-                      }
-                    }
-                  }
-                }
-                transform: translate(1, 1);
-              }
-              transform {
-                child: container {
-                  border {
-                    colors: rgb(213,208,204);
-                    outline: -1 -1 212 263;
-                  }
-                  container {
-                    color {
-                      bounds: 0 0 210 261;
-                      color: rgb(252,252,252);
-                    }
-                    clip {
-                      child: container {
-                        color {
-                          bounds: 0 0 210 893;
-                          color: rgb(252,252,252);
-                        }
-                      }
-                      clip: 0 0 210 261;
-                    }
-                  }
-                }
-                transform: translate(0, 295) translate(1, 1);
-              }
-            }
-            transform: translate(1232, 0);
-          }
-        }
-        transform {
-          child: color {
-            bounds: 0 0 1444 1;
-            color: rgba(0,0,0,0.1);
-          }
-          transform: translate(0, 568);
-        }
-        transform {
-          child: container {
-            transform {
-              child: container {
-                border {
-                  colors: rgb(213,208,204);
-                  outline: -1 -1 354 142;
-                }
-                container {
-                  transform {
-                    child: container {
-                      color {
-                        bounds: -1 -1 352 37;
-                        color: rgb(234,232,230);
-                      }
-                      border {
-                        colors: rgb(213,208,204);
-                        outline: -1 -1 352 37;
-                        widths: 0 0 1;
-                      }
-                      transform {
-                        child: container {
-                          transform {
-                            child: text {
-                              color: rgb(146,149,149);
-                              font: "Cantarell Bold 11";
-                              glyphs: "page 3";
-                              offset: 0 20;
-                            }
-                            transform: translate(149, 0) translate(16, 3);
-                          }
-                          transform {
-                            child: text {
-                              color: rgb(146,149,149);
-                              font: "Cantarell Bold 11";
-                              glyphs: "page 2";
-                              offset: 0 20;
-                            }
-                            transform: translate(74, 0) translate(16, 3);
-                          }
-                          transform {
-                            child: container {
-                              inset-shadow {
-                                color: rgb(53,132,228);
-                                dx: 0;
-                                dy: -3;
-                                outline: -12 -3 66 37;
-                              }
-                              text {
-                                color: rgb(146,149,149);
-                                font: "Cantarell Bold 11";
-                                glyphs: "page 1";
-                                offset: 0 20;
-                              }
-                            }
-                            transform: translate(16, 3);
-                          }
-                        }
-                        transform: translate(3, -1);
-                      }
-                    }
-                    transform: translate(1, 1);
-                  }
-                  transform {
-                    child: color {
-                      bounds: 0 0 352 103;
-                      color: rgb(252,252,252);
-                    }
-                    transform: translate(0, 37);
-                  }
-                }
-              }
-              transform: translate(1, 1);
-            }
-            transform {
-              child: container {
-                border {
-                  colors: rgb(213,208,204);
-                  outline: -1 -1 354 142;
-                }
-                container {
-                  color {
-                    bounds: 0 0 285 140;
-                    color: rgb(252,252,252);
-                  }
-                  transform {
-                    child: container {
-                      color {
-                        bounds: -2 -1 67 140;
-                        color: rgb(234,232,230);
-                      }
-                      border {
-                        colors: rgb(213,208,204);
-                        outline: -2 -1 67 140;
-                        widths: 0 0 0 1;
-                      }
-                      transform {
-                        child: container {
-                          transform {
-                            child: text {
-                              color: rgb(146,149,149);
-                              font: "Cantarell Bold 11";
-                              glyphs: "page 3";
-                              offset: 0 20;
-                            }
-                            transform: translate(0, 88) translate(12, 7);
-                          }
-                          transform {
-                            child: text {
-                              color: rgb(146,149,149);
-                              font: "Cantarell Bold 11";
-                              glyphs: "page 2";
-                              offset: 0 20;
-                            }
-                            transform: translate(0, 44) translate(12, 7);
-                          }
-                          transform {
-                            child: container {
-                              inset-shadow {
-                                color: rgb(53,132,228);
-                                dx: 3;
-                                dy: 0;
-                                outline: -12 -3 67 36;
-                              }
-                              text {
-                                color: rgb(146,149,149);
-                                font: "Cantarell Bold 11";
-                                glyphs: "page 1";
-                                offset: 0 20;
-                              }
-                            }
-                            transform: translate(12, 7);
-                          }
-                        }
-                        transform: translate(-2, 3);
-                      }
-                    }
-                    transform: translate(285, 0) translate(2, 1);
-                  }
-                }
-              }
-              transform: translate(364, 0) translate(1, 1);
-            }
-            transform {
-              child: container {
-                border {
-                  colors: rgb(213,208,204);
-                  outline: -1 -1 353 142;
-                }
-                container {
-                  color {
-                    bounds: 0 0 351 103;
-                    color: rgb(252,252,252);
-                  }
-                  transform {
-                    child: container {
-                      color {
-                        bounds: -1 -2 351 37;
-                        color: rgb(234,232,230);
-                      }
-                      border {
-                        colors: rgb(213,208,204);
-                        outline: -1 -2 351 37;
-                        widths: 1 0 0;
-                      }
-                      transform {
-                        child: container {
-                          transform {
-                            child: text {
-                              color: rgb(146,149,149);
-                              font: "Cantarell Bold 11";
-                              glyphs: "page 3";
-                              offset: 0 20;
-                            }
-                            transform: translate(149, 0) translate(16, 4);
-                          }
-                          transform {
-                            child: text {
-                              color: rgb(146,149,149);
-                              font: "Cantarell Bold 11";
-                              glyphs: "page 2";
-                              offset: 0 20;
-                            }
-                            transform: translate(74, 0) translate(16, 4);
-                          }
-                          transform {
-                            child: container {
-                              inset-shadow {
-                                color: rgb(53,132,228);
-                                dx: 0;
-                                dy: 3;
-                                outline: -12 -4 66 37;
-                              }
-                              text {
-                                color: rgb(146,149,149);
-                                font: "Cantarell Bold 11";
-                                glyphs: "page 1";
-                                offset: 0 20;
-                              }
-                            }
-                            transform: translate(16, 4);
-                          }
-                        }
-                        transform: translate(3, -2);
-                      }
-                    }
-                    transform: translate(0, 103) translate(1, 2);
-                  }
-                }
-              }
-              transform: translate(728, 0) translate(1, 1);
-            }
-            transform {
-              child: container {
-                border {
-                  colors: rgb(213,208,204);
-                  outline: -1 -1 353 142;
-                }
-                container {
-                  transform {
-                    child: container {
-                      color {
-                        bounds: -1 -1 67 140;
-                        color: rgb(234,232,230);
-                      }
-                      border {
-                        colors: rgb(213,208,204);
-                        outline: -1 -1 67 140;
-                        widths: 0 1 0 0;
-                      }
-                      transform {
-                        child: container {
-                          transform {
-                            child: text {
-                              color: rgb(146,149,149);
-                              font: "Cantarell Bold 11";
-                              glyphs: "page 3";
-                              offset: 0 20;
-                            }
-                            transform: translate(0, 88) translate(12, 7);
-                          }
-                          transform {
-                            child: text {
-                              color: rgb(146,149,149);
-                              font: "Cantarell Bold 11";
-                              glyphs: "page 2";
-                              offset: 0 20;
-                            }
-                            transform: translate(0, 44) translate(12, 7);
-                          }
-                          transform {
-                            child: container {
-                              inset-shadow {
-                                color: rgb(53,132,228);
-                                dx: -3;
-                                dy: 0;
-                                outline: -12 -3 67 36;
-                              }
-                              text {
-                                color: rgb(146,149,149);
-                                font: "Cantarell Bold 11";
-                                glyphs: "page 1";
-                                offset: 0 20;
-                              }
-                            }
-                            transform: translate(12, 7);
-                          }
-                        }
-                        transform: translate(-1, 3);
-                      }
-                    }
-                    transform: translate(1, 1);
-                  }
-                  transform {
-                    child: color {
-                      bounds: 0 0 284 140;
-                      color: rgb(252,252,252);
-                    }
-                    transform: translate(67, 0);
-                  }
-                }
-              }
-              transform: translate(1091, 0) translate(1, 1);
-            }
-          }
-          transform: translate(0, 579);
-        }
-      }
-      transform: translate(26, 70) translate(10, 10);
-    }
-  }
-  transform: translate(0, 0);
-}